@qlean/york-web - npm Package Compare versions

Comparing version 0.3.6-beta-8 to 0.3.6-beta-9

lib/components/flex/FlexBase.js

@@ -1,1 +0,130 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _styles = require("../../utils/styles");
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _templateObject3() {
+  var data = _taggedTemplateLiteral(["\n    flex-direction: ", ";\n    align-items: ", ";\n    justify-content: ", ";\n    flex-wrap: ", ";\n  "]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n    flex-direction: ", ";\n    align-items: ", ";\n    justify-content: ", ";\n    flex-wrap: ", ";\n  "]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n    flex-direction: ", ";\n    align-items: ", ";\n    justify-content: ", ";\n    flex-wrap: ", ";\n  "]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var FlexBase = _styledComponents.default.div.withConfig({
+  displayName: "FlexBase",
+  componentId: "v1u8zp-0"
+})(["display:flex;", " ", " ", ""], _styles.legacyMedia.mobile(_templateObject(), function (_ref) {
+  var flexDirectionMobile = _ref.flexDirectionMobile;
+  return flexDirectionMobile;
+}, function (_ref2) {
+  var alignItemsMobile = _ref2.alignItemsMobile;
+  return alignItemsMobile;
+}, function (_ref3) {
+  var justifyContentMobile = _ref3.justifyContentMobile;
+  return justifyContentMobile;
+}, function (_ref4) {
+  var flexWrapMobile = _ref4.flexWrapMobile;
+  return flexWrapMobile;
+}), _styles.legacyMedia.base(_templateObject2(), function (_ref5) {
+  var flexDirectionBase = _ref5.flexDirectionBase;
+  return flexDirectionBase;
+}, function (_ref6) {
+  var alignItemsBase = _ref6.alignItemsBase;
+  return alignItemsBase;
+}, function (_ref7) {
+  var justifyContentBase = _ref7.justifyContentBase;
+  return justifyContentBase;
+}, function (_ref8) {
+  var flexWrapBase = _ref8.flexWrapBase;
+  return flexWrapBase;
+}), _styles.legacyMedia.wide(_templateObject3(), function (_ref9) {
+  var flexDirectionWide = _ref9.flexDirectionWide;
+  return flexDirectionWide;
+}, function (_ref10) {
+  var alignItemsWide = _ref10.alignItemsWide;
+  return alignItemsWide;
+}, function (_ref11) {
+  var justifyContentWide = _ref11.justifyContentWide;
+  return justifyContentWide;
+}, function (_ref12) {
+  var flexWrapWide = _ref12.flexWrapWide;
+  return flexWrapWide;
+}));
+
+var flexDirectionTypes = {
+  row: 'row',
+  rowReverse: 'row-reverse',
+  column: 'column'
+};
+var alignItemsTypes = {
+  center: 'center',
+  flexStart: 'flex-start',
+  flexEnd: 'flex-end',
+  stretch: 'stretch'
+};
+var justifyContentTypes = {
+  center: 'center',
+  flexStart: 'flex-start',
+  flexEnd: 'flex-end',
+  spaceBetween: 'space-between'
+};
+var flexWrapTypes = {
+  nowrap: 'nowrap',
+  wrap: 'wrap',
+  wrapReverse: 'wrap-reverse'
+};
+
+var _default = (0, _styles.withResponsiveProps)([{
+  name: 'flexDirection',
+  propType: _propTypes.default.oneOf(R.values(flexDirectionTypes))
+}, {
+  name: 'alignItems',
+  propType: _propTypes.default.oneOf(R.values(alignItemsTypes))
+}, {
+  name: 'justifyContent',
+  propType: _propTypes.default.oneOf(R.values(justifyContentTypes))
+}, {
+  name: 'flexWrap',
+  propType: _propTypes.default.oneOf(R.values(flexWrapTypes))
+}])(FlexBase);
+
+exports.default = _default;

lib/components/flex/FlexColumn.js

@@ -1,1 +0,65 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _styles = require("../../utils/styles");
+
+var _FlexBase = _interopRequireDefault(require("./FlexBase"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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; }
+
+var columnWidth = 100 / _styles.GRID_COLUMNS;
+
+var getBaseCss = function getBaseCss(columns) {
+  return columns ? "width: ".concat(columns * columnWidth, "%;") : 'display: none;';
+};
+
+var StyledFlexColumn = _styledComponents.default.div.withConfig({
+  displayName: "FlexColumn__StyledFlexColumn",
+  componentId: "sc-1q2rcry-0"
+})(["padding:0 ", "px;box-sizing:border-box;", ""], _styles.GRID_GUTTER / 2, function (_ref) {
+  var columnsMobile = _ref.columnsMobile,
+      columnsBase = _ref.columnsBase,
+      columnsWide = _ref.columnsWide;
+  return "\n    ".concat(_styles.media.mobile(getBaseCss(columnsMobile)), "\n    ").concat(_styles.media.base(getBaseCss(columnsBase)), "\n    ").concat(_styles.media.wide(getBaseCss(columnsWide)), "\n  ");
+});
+
+var FlexColumn = function FlexColumn(_ref2) {
+  var children = _ref2.children,
+      props = _objectWithoutProperties(_ref2, ["children"]);
+
+  return _react.default.createElement(StyledFlexColumn, props, _react.default.createElement(_FlexBase.default, _extends({
+    flexDirection: "column"
+  }, props), children));
+};
+
+FlexColumn.propTypes = {
+  children: _propTypes.default.node
+};
+
+var _default = (0, _styles.withResponsiveProps)([{
+  name: 'columns',
+  propType: _propTypes.default.oneOf(R.range(0, 13)),
+  defaultValue: 12
+}])(FlexColumn);
+
+exports.default = _default;

lib/components/FloatingControls/ConnectionsToggler/index.js

@@ -1,1 +0,130 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var _yorkCore = require("@qlean/york-core");
+
+var _styles = require("../../../utils/styles");
+
+var _flex = require("../../flex");
+
+var _Connections = _interopRequireDefault(require("../Connections"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || 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 _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, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var MessengersIcon = function MessengersIcon(props) {
+  return _react.default.createElement("svg", props, _react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.424 4.064A12.02 12.02 0 0 1 12.979.517c6.672 0 12.102 5.425 12.104 12.094a12.064 12.064 0 0 1-1.845 6.429l1.496 5.463-5.595-1.468a12.088 12.088 0 0 1-6.151 1.682h-.005C6.314 24.717.886 19.29.883 12.62a12.02 12.02 0 0 1 3.54-8.557z",
+    fill: "#20A052"
+  }));
+};
+
+MessengersIcon.defaultProps = {
+  width: "26",
+  height: "25",
+  viewBox: "0 0 26 25",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var StyledIconWrapper = (0, _styledComponents.default)(_flex.FlexBase).withConfig({
+  displayName: "ConnectionsToggler__StyledIconWrapper",
+  componentId: "sc-4zwyxi-0"
+})(["box-shadow:", ";background-color:", ";box-shadow:", ";flex-shrink:0;border-radius:50%;width:", "px;height:", "px;cursor:pointer;&:hover{& path{fill:#23B059;}}"], _styles.shadows.medium, _yorkCore.colors.white, _styles.shadows.medium, (0, _styles.g)(10), (0, _styles.g)(10));
+
+var ConnectionsToggler =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(ConnectionsToggler, _Component);
+
+  function ConnectionsToggler() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    _classCallCheck(this, ConnectionsToggler);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ConnectionsToggler)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {
+      isConnectionsVisible: false
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onToggleVisibility", function () {
+      _this.setState({
+        isConnectionsVisible: !_this.state.isConnectionsVisible
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onCloseVisibility", function () {
+      _this.setState({
+        isConnectionsVisible: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onThrottledToggleVisibility", (0, _lodash.default)(_this.onToggleVisibility, 500));
+
+    return _this;
+  }
+
+  _createClass(ConnectionsToggler, [{
+    key: "render",
+    value: function render() {
+      var isConnectionsVisible = this.state.isConnectionsVisible;
+      return _react.default.createElement(_react.Fragment, null, _react.default.createElement(StyledIconWrapper, {
+        justifyContent: "center",
+        alignItems: "center",
+        onClick: this.onThrottledToggleVisibility
+      }, _react.default.createElement(MessengersIcon, {
+        width: 26,
+        height: 25
+      })), _react.default.createElement(_Connections.default, _extends({}, this.props, {
+        onClose: this.onCloseVisibility,
+        isVisible: isConnectionsVisible
+      })));
+    }
+  }]);
+
+  return ConnectionsToggler;
+}(_react.Component);
+
+var _default = ConnectionsToggler;
+exports.default = _default;

lib/components/Messengers/index.js

@@ -1,1 +0,168 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Messengers;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes2 = require("../../utils/propTypes");
+
+var _styles = require("../../utils/styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FacebookIcon = function FacebookIcon(props) {
+  return _react.default.createElement("svg", props, _react.default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, _react.default.createElement("path", {
+    fill: "#FFF",
+    d: "M10 0C4.477 0 0 4.145 0 9.26c0 2.913 1.454 5.512 3.727 7.21V20l3.405-1.869c.908.252 1.871.388 2.868.388 5.523 0 10-4.146 10-9.26S15.523 0 10 0zm.994 12.47L8.447 9.752 3.478 12.47l5.466-5.802 2.609 2.716 4.907-2.716-5.466 5.802z"
+  }), _react.default.createElement("path", {
+    d: "M-2-2h24v24H-2z"
+  })));
+};
+
+FacebookIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20"
+};
+
+var TelegramIcon = function TelegramIcon(props) {
+  return _react.default.createElement("svg", props, _react.default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, _react.default.createElement("path", {
+    fill: "#FFFFFE",
+    d: "M16.803 16.958s-.442 1.13-1.656.587l-7.285-5.717-2.649-1.31L.754 8.98s-.684-.248-.75-.79c-.067-.543.772-.837.772-.837L18.503.237s1.457-.655 1.457.43l-3.157 16.29z"
+  }), _react.default.createElement("path", {
+    fill: "#E6E6E6",
+    d: "M7.303 16.775s-.213-.02-.478-.88c-.265-.858-1.612-5.377-1.612-5.377l10.707-6.96s.618-.384.596 0c0 0 .11.068-.22.385-.332.316-8.411 7.75-8.411 7.75"
+  }), _react.default.createElement("path", {
+    fill: "#CDCDCD",
+    d: "M10.656 14.02l-2.882 2.69s-.225.174-.471.065l.551-4.995"
+  }), _react.default.createElement("path", {
+    d: "M-1-4h24v24H-1z"
+  })));
+};
+
+TelegramIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "18",
+  viewBox: "0 0 20 18"
+};
+
+var ViberIcon = function ViberIcon(props) {
+  return _react.default.createElement("svg", props, _react.default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, _react.default.createElement("path", {
+    fill: "#FFF",
+    d: "M10.688.068a8.522 8.522 0 0 1 2.825.834c.914.446 1.5.868 2.273 1.635.726.725 1.128 1.274 1.555 2.126.594 1.19.932 2.603.99 4.159.022.53.006.649-.116.8-.231.295-.74.246-.914-.084-.055-.11-.07-.203-.088-.628a10.961 10.961 0 0 0-.168-1.577c-.36-1.975-1.31-3.552-2.828-4.684-1.265-.946-2.572-1.407-4.285-1.507-.58-.033-.68-.055-.81-.155-.245-.19-.257-.64-.022-.849.143-.13.244-.149.74-.133.26.009.64.039.848.063zM3.72.396c.107.036.271.121.366.182.579.382 2.19 2.435 2.718 3.46.302.586.402 1.02.308 1.341-.098.346-.26.528-.981 1.107-.29.234-.561.474-.604.537-.11.158-.198.467-.198.686.003.506.332 1.425.765 2.132.335.549.936 1.253 1.53 1.793.698.637 1.313 1.07 2.008 1.413.893.443 1.439.555 1.838.37.1-.045.207-.106.24-.133.031-.028.266-.313.522-.628.494-.619.606-.719.945-.834.43-.146.868-.106 1.31.118a18.29 18.29 0 0 1 1.54.952c.62.434 1.95 1.514 2.13 1.73.316.388.371.885.158 1.434-.226.58-1.103 1.665-1.716 2.13-.555.418-.948.579-1.466.603-.426.021-.603-.015-1.149-.24-4.279-1.756-7.695-4.377-10.407-7.977C2.16 8.692 1.082 6.742.344 4.718c-.43-1.18-.45-1.692-.097-2.296.152-.255.801-.886 1.274-1.238C2.307.602 2.67.387 2.959.326c.198-.042.542-.01.762.07zm7.177 1.871c1.85.27 3.282 1.126 4.221 2.515.527.782.856 1.701.97 2.687.039.361.039 1.02-.004 1.128a.692.692 0 0 1-.277.3c-.12.061-.372.055-.512-.018-.235-.118-.305-.306-.305-.815 0-.786-.204-1.614-.558-2.257a4.62 4.62 0 0 0-1.7-1.762c-.613-.364-1.518-.634-2.344-.701-.299-.024-.463-.085-.576-.215a.55.55 0 0 1-.046-.686c.159-.246.403-.285 1.131-.176zm.65 2.29c.6.128 1.06.355 1.453.722.506.476.783 1.053.905 1.88.082.54.049.753-.143.929-.18.164-.512.17-.713.015-.147-.11-.192-.224-.226-.537-.04-.415-.113-.707-.238-.977-.268-.573-.74-.87-1.539-.967-.374-.046-.487-.088-.61-.23a.564.564 0 0 1 .172-.85c.115-.058.164-.064.42-.048.159.009.393.036.518.063z"
+  }), _react.default.createElement("path", {
+    d: "M-2-3h24v24H-2z"
+  })));
+};
+
+ViberIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "19",
+  height: "19",
+  viewBox: "0 0 19 19"
+};
+
+var VkIcon = function VkIcon(props) {
+  return _react.default.createElement("svg", props, _react.default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, _react.default.createElement("path", {
+    fill: "#FFF",
+    d: "M11.253 12.945h1.375s.415-.045.627-.271c.196-.208.19-.598.19-.598s-.028-1.828.828-2.097c.845-.265 1.928 1.766 3.077 2.547.869.591 1.529.462 1.529.462l3.071-.043s1.607-.098.845-1.35c-.062-.102-.444-.925-2.284-2.617-1.926-1.771-1.668-1.485.652-4.548 1.413-1.866 1.978-3.005 1.801-3.493-.168-.465-1.207-.342-1.207-.342l-3.458.021s-.257-.034-.447.078c-.186.11-.305.368-.305.368s-.548 1.444-1.277 2.672c-1.54 2.59-2.156 2.727-2.408 2.566-.586-.375-.44-1.506-.44-2.31 0-2.51.385-3.557-.748-3.828-.376-.09-.653-.15-1.614-.16C9.826-.01 8.782.008 8.19.295c-.393.19-.697.616-.512.64.229.03.746.139 1.02.509.355.477.343 1.55.343 1.55s.204 2.956-.476 3.323c-.466.251-1.105-.263-2.478-2.613-.703-1.204-1.235-2.535-1.235-2.535S4.75.92 4.567.786a1.437 1.437 0 0 0-.53-.212L.75.595S.256.61.075.821c-.161.19-.013.58-.013.58s2.573 5.964 5.486 8.97c2.672 2.755 5.705 2.574 5.705 2.574"
+  }), _react.default.createElement("path", {
+    d: "M0-6h24v24H0z"
+  })));
+};
+
+VkIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "23",
+  height: "13",
+  viewBox: "0 0 23 13"
+};
+var messengerUtils = {
+  facebook: {
+    color: '#0084FF',
+    icon: _react.default.createElement(FacebookIcon, null)
+  },
+  vk: {
+    color: '#5C81B3',
+    icon: _react.default.createElement(VkIcon, null)
+  },
+  telegram: {
+    color: '#2CA5E0',
+    icon: _react.default.createElement(TelegramIcon, null)
+  },
+  viber: {
+    color: '#7C529E',
+    icon: _react.default.createElement(ViberIcon, null)
+  }
+};
+
+var StyledMessengers = _styledComponents.default.div.withConfig({
+  displayName: "Messengers__StyledMessengers",
+  componentId: "sc-1x5cimm-0"
+})(["width:100%;@media (max-width:1160px){text-align:left;}", " &.full-width{width:100%;max-width:100%;}"], function (_ref) {
+  var withMobileFullWidth = _ref.withMobileFullWidth;
+  return _styles.media.mobile("\n    min-width: ".concat(withMobileFullWidth ? '100%' : "".concat((0, _styles.g)(52), "px"), ";\n    width: ").concat(withMobileFullWidth ? '100%' : '80%', ";\n    max-width: ").concat((0, _styles.g)(60), "px;\n    margin: 0 auto;\n    text-align: center;\n  "));
+});
+
+var StyledMessenger = _styledComponents.default.a.withConfig({
+  displayName: "Messengers__StyledMessenger",
+  componentId: "sc-1x5cimm-1"
+})(["position:relative;display:inline-block;height:", "px;width:100%;vertical-align:middle;transition:background ease .3s;border-radius:", "px;padding-left:", "px;line-height:", "px;letter-spacing:0;text-align:center;font-size:16px;color:white;background-color:", ";&:not(:last-child){margin-bottom:", "px;}", " @media (min-width:1281px){height:", "px;line-height:", "px;}&:hover,&:focus{text-decoration:none;color:white;}& svg{background-repeat:no-repeat;background-position:center;position:absolute;top:50%;transform:translateY(-50%);content:\"\";left:", "px;top:50%;height:", "px;width:", "px;", "}&:hover{background-color:", ";}"], (0, _styles.g)(8), (0, _styles.g)(20), (0, _styles.g)(3), (0, _styles.g)(8), function (_ref2) {
+  var messengerCode = _ref2.messengerCode;
+  return messengerUtils[messengerCode].color;
+}, (0, _styles.g)(2), _styles.media.mobile("\n    display: block;\n    width: auto;\n    height: ".concat((0, _styles.g)(10), "px;\n    line-height: ").concat((0, _styles.g)(10), "px;\n    margin: 0;\n    padding: 0;\n\n    &:not(:first-child) {\n      margin-top: ").concat((0, _styles.g)(2), "px;\n    }\n  ")), (0, _styles.g)(10), (0, _styles.g)(10), (0, _styles.g)(2), (0, _styles.g)(4), (0, _styles.g)(5), _styles.media.mobile("\n      height: ".concat((0, _styles.g)(6), "px;\n      width: ").concat((0, _styles.g)(6), "px;\n    ")), function (_ref3) {
+  var messengerCode = _ref3.messengerCode;
+  return "lighten(".concat(messengerUtils[messengerCode].color, ", 10%)");
+});
+
+function Messengers(_ref4) {
+  var location = _ref4.location,
+      messengers = _ref4.messengers,
+      withMobileFullWidth = _ref4.withMobileFullWidth;
+  return _react.default.createElement(StyledMessengers, {
+    withMobileFullWidth: withMobileFullWidth
+  }, messengers.map(function (messenger) {
+    return _react.default.createElement(StyledMessenger, {
+      name: "messengerButton",
+      "data-url": location.pathname,
+      "data-name": "footer-".concat(messenger.code),
+      href: messenger.url,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      key: messenger.code,
+      messengerCode: messenger.code
+    }, messengerUtils[messenger.code].icon, messenger.name);
+  }));
+}
+
+Messengers.defaultProps = {
+  withMobileFullWidth: false
+};
+Messengers.propTypes = {
+  withMobileFullWidth: _propTypes.default.bool,
+  location: _propTypes.default.shape({
+    pathname: _propTypes.default.string.isRequired
+  }).isRequired,
+  messengers: _propTypes2.messengersShape.isRequired
+};

lib/components/ui/Separator.js

@@ -1,1 +0,95 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _styles = require("../../utils/styles");
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _templateObject3() {
+  var data = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", "px;\n  "]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", "px;\n  "]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n    height: ", "px;\n    width: ", "px;\n  "]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var sizes = {
+  0: 0,
+  1: (0, _styles.g)(1),
+  2: (0, _styles.g)(2),
+  3: (0, _styles.g)(3),
+  4: (0, _styles.g)(4),
+  6: (0, _styles.g)(6),
+  8: (0, _styles.g)(8),
+  12: (0, _styles.g)(12),
+  16: (0, _styles.g)(16),
+  20: (0, _styles.g)(20),
+  24: (0, _styles.g)(24)
+};
+
+var Separator = _styledComponents.default.div.withConfig({
+  displayName: "Separator",
+  componentId: "sc-1472nu6-0"
+})(["flex-shrink:0;", " ", " ", ""], function (_ref) {
+  var height = _ref.heightMobile,
+      width = _ref.widthMobile;
+  return _styles.legacyMedia.mobile(_templateObject(), sizes[height], sizes[width]);
+}, function (_ref2) {
+  var height = _ref2.heightBase,
+      width = _ref2.widthBase;
+  return _styles.legacyMedia.base(_templateObject2(), sizes[height], sizes[width]);
+}, function (_ref3) {
+  var height = _ref3.heightWide,
+      width = _ref3.widthWide;
+  return _styles.legacyMedia.wide(_templateObject3(), sizes[height], sizes[width]);
+});
+
+var sizesPropTypes = _propTypes.default.oneOf(R.map(Number, R.keys(sizes)));
+
+var _default = (0, _styles.withResponsiveProps)([{
+  name: 'height',
+  propType: sizesPropTypes,
+  defaultValue: 0
+}, {
+  name: 'width',
+  propType: sizesPropTypes,
+  defaultValue: 0
+}])(Separator);
+
+exports.default = _default;

lib/components/ui/Text.js

@@ -1,1 +0,175 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Text;
+exports.getCss = exports.getBaseCss = exports.presets = exports.htmlTags = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _yorkCore = require("@qlean/york-core");
+
+var _styles = require("../../utils/styles");
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var htmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'div', 'span'];
+exports.htmlTags = htmlTags;
+var presets = {
+  ph1: {
+    fontSize: 70,
+    lineHeight: 75,
+    fontWeight: 700
+  },
+  ph2: {
+    fontSize: 60,
+    lineHeight: 65,
+    fontWeight: 700
+  },
+  ph3: {
+    fontSize: 50,
+    lineHeight: 55,
+    fontWeight: 700
+  },
+  h1: {
+    fontSize: 40,
+    lineHeight: 45,
+    fontWeight: 700
+  },
+  h2: {
+    fontSize: 30,
+    lineHeight: 35,
+    fontWeight: 700
+  },
+  h3: {
+    fontSize: 25,
+    lineHeight: 30,
+    fontWeight: 700
+  },
+  h4: {
+    fontSize: 20,
+    lineHeight: 25,
+    fontWeight: 700
+  },
+  h5: {
+    fontSize: 16,
+    lineHeight: 25,
+    fontWeight: 700
+  },
+  text1: {
+    fontSize: 20,
+    lineHeight: 30,
+    fontWeight: 500
+  },
+  text2: {
+    fontSize: 16,
+    lineHeight: 25,
+    fontWeight: 500
+  },
+  link: {
+    fontSize: 15,
+    lineHeight: 25,
+    fontWeight: 700,
+    letterSpacing: 1,
+    textTransform: 'uppercase'
+  },
+  caption1: {
+    fontSize: 14,
+    lineHeight: 20,
+    fontWeight: 500
+  },
+  caption2: {
+    fontSize: 12,
+    lineHeight: 15,
+    fontWeight: 500
+  }
+};
+exports.presets = presets;
+
+var getBaseCss = function getBaseCss(_ref) {
+  var color = _ref.color,
+      fontWeight = _ref.fontWeight,
+      fontSize = _ref.fontSize,
+      lineHeight = _ref.lineHeight,
+      textAlign = _ref.textAlign,
+      fontStyle = _ref.fontStyle,
+      letterSpacing = _ref.letterSpacing,
+      textTransform = _ref.textTransform,
+      textDecoration = _ref.textDecoration;
+  return "\n  color: ".concat(color === 'inherit' ? 'inherit' : _yorkCore.colors[color], ";\n  font-weight: ").concat(fontWeight, ";\n  font-size: ").concat(fontSize, "px;\n  line-height: ").concat(lineHeight, "px;\n  ").concat(textAlign ? "text-align: ".concat(textAlign) : '', ";\n  ").concat(fontStyle ? "font-style: ".concat(fontStyle) : '', ";\n  ").concat(letterSpacing ? "letter-spacing: ".concat(letterSpacing, "px") : '', ";\n  ").concat(textTransform ? "text-transform: ".concat(textTransform) : '', ";\n  ").concat(textDecoration ? "text-decoration: ".concat(textDecoration) : '', ";\n");
+};
+
+exports.getBaseCss = getBaseCss;
+var defaultProps = {
+  preset: 'text2',
+  color: 'coal'
+};
+
+var getCss = function getCss(initialProps) {
+  var props = _objectSpread({}, defaultProps, initialProps);
+
+  var _mergeStyleProps = (0, _styles.mergeStyleProps)([(0, _styles.unwrapResponsivePreset)('preset', presets, props), (0, _styles.unwrapResponsiveProps)(['color', 'fontWeight', 'fontSize', 'textAlign', 'lineHeight', 'textDecoration', 'textTransform'], props)]),
+      mobileProps = _mergeStyleProps.mobileProps,
+      baseProps = _mergeStyleProps.baseProps,
+      wideProps = _mergeStyleProps.wideProps;
+
+  return "\n    font-family: \"Museo Sans\";\n    margin: 0;\n    ".concat(_styles.media.mobile(getBaseCss(mobileProps)), "\n    ").concat(_styles.media.base(getBaseCss(baseProps)), "\n    ").concat(_styles.media.wide(getBaseCss(wideProps)), "\n  ");
+};
+
+exports.getCss = getCss;
+
+var StyledText = _styledComponents.default.span.withConfig({
+  displayName: "Text__StyledText",
+  componentId: "cpekj3-0"
+})(["", ""], getCss);
+
+var components = R.pipe(R.map(function (tag) {
+  return [tag, StyledText.withComponent(tag)];
+}), R.fromPairs)(htmlTags);
+
+function Text(_ref2) {
+  var htmlTag = _ref2.htmlTag,
+      rest = _objectWithoutProperties(_ref2, ["htmlTag"]);
+
+  var StyledTextComponent = components[htmlTag];
+  return _react.default.createElement(StyledTextComponent, rest);
+}
+
+Text.propTypes = _objectSpread({
+  htmlTag: _propTypes.default.oneOf(htmlTags)
+}, (0, _styles.getResponsivePropTypes)({
+  preset: _propTypes.default.oneOf(Object.keys(presets)),
+  color: _propTypes.default.oneOf([].concat(_toConsumableArray(Object.keys(_yorkCore.colors)), ['inherit'])),
+  fontWeight: _propTypes.default.oneOf([500, 700, 900]),
+  textAlign: _propTypes.default.oneOf(['left', 'center', 'right']),
+  lineHeight: _propTypes.default.number,
+  fontSize: _propTypes.default.number
+}));
+Text.defaultProps = {
+  htmlTag: 'span'
+};

lib/utils/styles.js

@@ -1,1 +0,250 @@
-undefined
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getResponsivePropTypes = exports.mergeStyleProps = exports.unwrapResponsivePreset = exports.unwrapResponsiveProps = exports.getResponsiveProps = exports.withResponsiveProps = exports.legacyMedia = exports.media = exports.scrollToConfig = exports.headerHeight = exports.footerHeights = exports.mediaMaxWidths = exports.mediaBreakpoints = exports.borderRadiuses = exports.transitions = exports.shadows = exports.BUTTON_HOVER_STYLES = exports.MOBILE_PADDING = exports.GRID_GUTTER = exports.GRID_COLUMNS = exports.g = exports.UI_GRID_POINT = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = require("styled-components");
+
+var _yorkCore = require("@qlean/york-core");
+
+var R = _interopRequireWildcard(require("ramda"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign || 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 _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, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+var UI_GRID_POINT = 5;
+exports.UI_GRID_POINT = UI_GRID_POINT;
+
+var g = function g() {
+  var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return times * UI_GRID_POINT;
+};
+
+exports.g = g;
+var GRID_COLUMNS = 12;
+exports.GRID_COLUMNS = GRID_COLUMNS;
+var GRID_GUTTER = g(4);
+exports.GRID_GUTTER = GRID_GUTTER;
+var MOBILE_PADDING = g(6);
+exports.MOBILE_PADDING = MOBILE_PADDING;
+var BUTTON_HOVER_STYLES = {
+  black: "background-color: ".concat(_yorkCore.colors.coal, "; color: ").concat(_yorkCore.colors.white, ";"),
+  green: "filter: brightness(110%); color: ".concat(_yorkCore.colors.white, ";"),
+  grayLinear: "border-color: ".concat(_yorkCore.colors.grey, "; color: ").concat(_yorkCore.colors.coal, ";"),
+  greenLinear: "filter: brightness(130%) saturate(60%); color: ".concat(_yorkCore.colors.green, ";"),
+  greenRound: "transform: translateY(-3px); box-shadow: 0 10px 10px 0 rgba(0,59,23,0.10); color: ".concat(_yorkCore.colors.white, ";"),
+  greenRoundLinear: "transform: translateY(-3px); box-shadow: 0 10px 10px 0 rgba(0,59,23,0.10); color: ".concat(_yorkCore.colors.green, ";"),
+  whiteRound: "transform: translateY(-3px); box-shadow: 0 10px 10px 0 rgba(0,59,23,0.10); color: ".concat(_yorkCore.colors.coal, ";")
+};
+exports.BUTTON_HOVER_STYLES = BUTTON_HOVER_STYLES;
+var shadows = {
+  light: '0 1px 2px 0 rgba(0,0,0,0.10)',
+  medium: '0 1px 2px rgba(0,0,0,0.25)',
+  strong: '0 2px 6px 0 rgba(0,0,0,0.30)'
+};
+exports.shadows = shadows;
+var transitions = {
+  short: 'all 0.1s ease-in-out',
+  medium: 'all 0.25s ease-in-out',
+  long: 'all 0.4s ease-in-out'
+};
+exports.transitions = transitions;
+var borderRadiuses = {
+  small: '4px',
+  medium: '6px',
+  round: '100px',
+  none: 'none'
+};
+exports.borderRadiuses = borderRadiuses;
+var mediaBreakpoints = {
+  base: 991,
+  wide: 1280
+};
+exports.mediaBreakpoints = mediaBreakpoints;
+var mediaMaxWidths = {
+  base: 940,
+  wide: 1120,
+  mobile: 360
+};
+exports.mediaMaxWidths = mediaMaxWidths;
+var footerHeights = {
+  base: g(61),
+  mobile: g(102)
+};
+exports.footerHeights = footerHeights;
+var headerHeight = g(12);
+exports.headerHeight = headerHeight;
+var scrollToConfig = {
+  duration: 750,
+  smooth: true
+};
+exports.scrollToConfig = scrollToConfig;
+var media = {
+  mobile: function mobile(string) {
+    return "\n    @media (max-width: ".concat(mediaBreakpoints.base, "px) {\n      ").concat(string, "\n    }\n  ");
+  },
+  base: function base(string) {
+    return "\n    @media (min-width: ".concat(mediaBreakpoints.base + 1, "px) and (max-width: ").concat(mediaBreakpoints.wide - 1, "px) {\n      ").concat(string, "\n    }\n  ");
+  },
+  wide: function wide(string) {
+    return "\n    @media (min-width: ".concat(mediaBreakpoints.wide, "px) {\n      ").concat(string, "\n    }\n  ");
+  },
+  desktop: function desktop(string) {
+    return "\n    @media (min-width: ".concat(mediaBreakpoints.base + 1, "px) {\n      ").concat(string, "\n    }\n  ");
+  }
+};
+exports.media = media;
+var legacyMedia = {
+  mobile: function mobile() {
+    return (0, _styledComponents.css)(["@media (max-width:", "px){", "}"], mediaBreakpoints.base, _styledComponents.css.apply(void 0, arguments));
+  },
+  base: function base() {
+    return (0, _styledComponents.css)(["@media (min-width:", "px) and (max-width:", "px){", "}"], mediaBreakpoints.base + 1, mediaBreakpoints.wide - 1, _styledComponents.css.apply(void 0, arguments));
+  },
+  wide: function wide() {
+    return (0, _styledComponents.css)(["@media (min-width:", "px){", "}"], mediaBreakpoints.wide, _styledComponents.css.apply(void 0, arguments));
+  }
+};
+exports.legacyMedia = legacyMedia;
+var mediaTypes = ['Mobile', 'Base', 'Wide'];
+
+var withResponsiveProps = function withResponsiveProps(responsivePropsNames) {
+  return function (WrappedComponent) {
+    var HigherOrderComponent =
+    /*#__PURE__*/
+    function (_PureComponent) {
+      _inherits(HigherOrderComponent, _PureComponent);
+
+      function HigherOrderComponent() {
+        _classCallCheck(this, HigherOrderComponent);
+
+        return _possibleConstructorReturn(this, _getPrototypeOf(HigherOrderComponent).apply(this, arguments));
+      }
+
+      _createClass(HigherOrderComponent, [{
+        key: "render",
+        value: function render() {
+          var _this = this;
+
+          var responsiveProps = R.pipe(R.map(function (_ref) {
+            var name = _ref.name,
+                defaultValue = _ref.defaultValue;
+            return R.map(function (mediaType) {
+              var propName = "".concat(name).concat(mediaType);
+              return [propName, _this.props[propName] || _this.props[name] || defaultValue];
+            }, mediaTypes);
+          }), R.reduce(R.concat, []), R.fromPairs)(responsivePropsNames);
+          return _react.default.createElement(WrappedComponent, _extends({}, responsiveProps, this.props));
+        }
+      }]);
+
+      return HigherOrderComponent;
+    }(_react.PureComponent);
+
+    HigherOrderComponent.displayName = "WithResponsiveProps(".concat(WrappedComponent.name, ")");
+    HigherOrderComponent.propTypes = R.pipe(R.map(function (_ref2) {
+      var name = _ref2.name,
+          propType = _ref2.propType;
+      return R.pipe(R.map(function (mediaType) {
+        return ["".concat(name).concat(mediaType), propType];
+      }), R.append([name, propType]))(mediaTypes);
+    }), R.reduce(R.concat, []), R.fromPairs)(responsivePropsNames);
+    return HigherOrderComponent;
+  };
+};
+
+exports.withResponsiveProps = withResponsiveProps;
+
+var getResponsiveProps = function getResponsiveProps(propName, props) {
+  return R.pick(R.map(function (mediaType) {
+    return "".concat(propName).concat(mediaType);
+  }, mediaTypes), props);
+};
+
+exports.getResponsiveProps = getResponsiveProps;
+var mediaTypePropNames = ['mobileProps', 'baseProps', 'wideProps'];
+
+var unwrapResponsiveProps = function unwrapResponsiveProps(propsNames, props) {
+  var unwrappedProps = {};
+  propsNames.forEach(function (propName) {
+    mediaTypePropNames.forEach(function (mediaType) {
+      var responsiveValue = R.path([mediaType, propName], props);
+      var defaultValue = props[propName];
+      var value = R.isNil(responsiveValue) ? defaultValue : responsiveValue;
+
+      if (!R.isNil(value)) {
+        unwrappedProps = R.assocPath([mediaType, propName], R.isNil(responsiveValue) ? defaultValue : responsiveValue, unwrappedProps);
+      }
+    });
+  });
+  return unwrappedProps;
+};
+
+exports.unwrapResponsiveProps = unwrapResponsiveProps;
+
+var unwrapResponsivePreset = function unwrapResponsivePreset(presetKey, presets, props) {
+  return R.pipe(R.map(function (mediaType) {
+    var responsivePresetName = R.path([mediaType, presetKey], props);
+    var defaultPresetName = props[presetKey];
+    var presetName = R.isNil(responsivePresetName) ? defaultPresetName : responsivePresetName;
+
+    if (!presetName) {
+      // eslint-disable-next-line no-console
+      console.warn("".concat(presetName, " preset name is not found in ").concat(JSON.stringify(presets)));
+    }
+
+    var preset = presets[presetName];
+
+    if (!preset) {
+      // eslint-disable-next-line no-console
+      console.warn("".concat(presetName, " preset is not found in ").concat(JSON.stringify(presets)));
+    }
+
+    return [mediaType, preset || {}];
+  }), R.fromPairs)(mediaTypePropNames);
+};
+
+exports.unwrapResponsivePreset = unwrapResponsivePreset;
+var mergeStyleProps = R.reduce(R.mergeDeepWithKey(function (key, l, r) {
+  return key === 'css' ? "".concat(l, "\n").concat(r) : r;
+}), {});
+exports.mergeStyleProps = mergeStyleProps;
+
+var getResponsivePropTypes = function getResponsivePropTypes(propTypes) {
+  return _objectSpread({}, propTypes, R.pipe(R.map(function (mediaType) {
+    return [mediaType, _propTypes.default.shape(propTypes)];
+  }), R.fromPairs)(mediaTypePropNames));
+};
+
+exports.getResponsivePropTypes = getResponsivePropTypes;

package.json

 {
   "name": "@qlean/york-web",
-  "version": "0.3.6-beta-8",
+  "version": "0.3.6-beta-9",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

203635

29.69%

Lines of code

3960

27.37%

Worsened metrics

Number of low supply chain risk alerts

4

33.33%

No dependency changes