@qlean/york-web - npm Package Compare versions

Comparing version 0.3.6-beta-5 to 0.3.6-beta-6

lib/components/FloatingControls/Connections/index.js

@@ -41,2 +41,38 @@ 'use strict';
 
+var CloseIcon = function CloseIcon(props) {
+  return _react2.default.createElement(
+    'svg',
+    props,
+    _react2.default.createElement('path', {
+      fillRule: 'evenodd',
+      clipRule: 'evenodd',
+      d: 'M0 25C0 11.193 11.193 0 25 0s25 11.193 25 25-11.193 25-25 25S0 38.807 0 25z',
+      fill: '#fff'
+    }),
+    _react2.default.createElement('rect', {
+      width: '25.037',
+      height: '2.982',
+      rx: '1.491',
+      transform: 'scale(1.00432 .99566) rotate(45 -9.663 28.107)',
+      fill: '#000'
+    }),
+    _react2.default.createElement('rect', {
+      width: '25.037',
+      height: '2.982',
+      rx: '1.491',
+      transform: 'scale(1.00342 .99657) rotate(-45 47.382 -1.681)',
+      fill: '#000'
+    })
+  );
+};
+
+CloseIcon.defaultProps = {
+  width: '50',
+  height: '50',
+  viewBox: '0 0 50 50',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg'
+};
+
+
 var StyledConnections = (0, _styledComponents2.default)(_flex.FlexBase).withConfig({
@@ -75,6 +111,6 @@ displayName: 'Connections__StyledConnections',
 
-var StyledCloseIcon = _styledComponents2.default.div.withConfig({
+var StyledCloseIcon = (0, _styledComponents2.default)(CloseIcon).withConfig({
   displayName: 'Connections__StyledCloseIcon',
   componentId: 'mr20qq-3'
-})(['position:absolute;cursor:pointer;top:', 'px;right:', 'px;width:', 'px;height:', 'px;background-image:url(', ');'], (0, _styles.g)(2), (0, _styles.g)(2), (0, _styles.g)(10), (0, _styles.g)(10), require('./close.svg'));
+})(['position:absolute;cursor:pointer;top:', 'px;right:', 'px;width:', 'px;height:', 'px;'], (0, _styles.g)(2), (0, _styles.g)(2), (0, _styles.g)(10), (0, _styles.g)(10));
 
@@ -81,0 +117,0 @@ var GlobalStyled = (0, _styledComponents.createGlobalStyle)(_templateObject, function (_ref7) {

lib/components/FloatingControls/ConnectionsToggler/index.js

@@ -41,5 +41,24 @@ 'use strict';
 
-// import MessengersIcon from './messengers.svg';
+var MessengersIcon = function MessengersIcon(props) {
+  return _react2.default.createElement(
+    'svg',
+    props,
+    _react2.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'
+};
 
+
 /* eslint-disable import/no-dynamic-require */
@@ -82,7 +101,11 @@ var StyledIconWrapper = (0, _styledComponents2.default)(_flex.FlexBase).withConfig({
         null,
-        _react2.default.createElement(StyledIconWrapper, {
-          justifyContent: 'center',
-          alignItems: 'center',
-          onClick: this.onThrottledToggleVisibility
-        }),
+        _react2.default.createElement(
+          StyledIconWrapper,
+          {
+            justifyContent: 'center',
+            alignItems: 'center',
+            onClick: this.onThrottledToggleVisibility
+          },
+          _react2.default.createElement(MessengersIcon, { width: 26, height: 25 })
+        ),
         _react2.default.createElement(_Connections2.default, _extends({}, this.props, {
@@ -89,0 +112,0 @@ onClose: this.onCloseVisibility,

lib/components/Messengers/index.js

@@ -26,2 +26,123 @@ 'use strict';
 
+var FacebookIcon = function FacebookIcon(props) {
+  return _react2.default.createElement(
+    'svg',
+    props,
+    _react2.default.createElement(
+      'g',
+      {
+        fill: 'none',
+        fillRule: 'evenodd'
+      },
+      _react2.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'
+      }),
+      _react2.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 _react2.default.createElement(
+    'svg',
+    props,
+    _react2.default.createElement(
+      'g',
+      {
+        fill: 'none',
+        fillRule: 'evenodd'
+      },
+      _react2.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'
+      }),
+      _react2.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'
+      }),
+      _react2.default.createElement('path', {
+        fill: '#CDCDCD',
+        d: 'M10.656 14.02l-2.882 2.69s-.225.174-.471.065l.551-4.995'
+      }),
+      _react2.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 _react2.default.createElement(
+    'svg',
+    props,
+    _react2.default.createElement(
+      'g',
+      {
+        fill: 'none',
+        fillRule: 'evenodd'
+      },
+      _react2.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'
+      }),
+      _react2.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 _react2.default.createElement(
+    'svg',
+    props,
+    _react2.default.createElement(
+      'g',
+      {
+        fill: 'none',
+        fillRule: 'evenodd'
+      },
+      _react2.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'
+      }),
+      _react2.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 messengersColors = {
@@ -33,2 +154,10 @@ facebook: '#0084FF',
 };
+
+var messengerIcons = {
+  facebook: _react2.default.createElement(FacebookIcon, null),
+  telegram: _react2.default.createElement(TelegramIcon, null),
+  viber: _react2.default.createElement(ViberIcon, null),
+  vk: _react2.default.createElement(VkIcon, null)
+};
+
 /* eslint-disable import/no-dynamic-require */
@@ -46,17 +175,14 @@ var StyledMessengers = _styledComponents2.default.div.withConfig({
   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;}&:after{background-repeat:no-repeat;background-position:center;background-image:', ';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) {
+})(['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 messengersColors[messengerCode];
-}, (0, _styles.g)(2), _styles.media.mobile('\n    display: block;\n    width: auto;\n    height: ' + (0, _styles.g)(10) + 'px;\n    line-height: ' + (0, _styles.g)(10) + 'px;\n    margin: 0;\n    padding: 0;\n\n    &:not(:first-child) {\n      margin-top: ' + (0, _styles.g)(2) + 'px;\n    }\n  '), (0, _styles.g)(10), (0, _styles.g)(10), function (_ref3) {
+}, (0, _styles.g)(2), _styles.media.mobile('\n    display: block;\n    width: auto;\n    height: ' + (0, _styles.g)(10) + 'px;\n    line-height: ' + (0, _styles.g)(10) + 'px;\n    margin: 0;\n    padding: 0;\n\n    &:not(:first-child) {\n      margin-top: ' + (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: ' + (0, _styles.g)(6) + 'px;\n      width: ' + (0, _styles.g)(6) + 'px;\n    '), function (_ref3) {
   var messengerCode = _ref3.messengerCode;
-  return 'url(' + require('./assets/' + messengerCode + '.svg') + ')';
-}, (0, _styles.g)(2), (0, _styles.g)(4), (0, _styles.g)(5), _styles.media.mobile('\n      height: ' + (0, _styles.g)(6) + 'px;\n      width: ' + (0, _styles.g)(6) + 'px;\n    '), function (_ref4) {
-  var messengerCode = _ref4.messengerCode;
   return 'lighten(' + messengersColors[messengerCode] + ', 10%)';
 });
 
-function Messengers(_ref5) {
-  var location = _ref5.location,
-      messengers = _ref5.messengers,
-      withMobileFullWidth = _ref5.withMobileFullWidth;
+function Messengers(_ref4) {
+  var location = _ref4.location,
+      messengers = _ref4.messengers,
+      withMobileFullWidth = _ref4.withMobileFullWidth;
 
@@ -79,2 +205,3 @@ return _react2.default.createElement(
         },
+        messengerIcons[messenger.code],
         messenger.name
@@ -81,0 +208,0 @@ );

lib/components/Navigation/Header/HeaderLogo.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _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; };
+
 var _react = require('react');
@@ -28,19 +30,50 @@
 
-// import Logo from './assets/logo.svg';
+var Logo = function Logo(props) {
+  return _react2.default.createElement(
+    'svg',
+    props,
+    _react2.default.createElement(
+      'g',
+      {
+        fillRule: 'evenodd'
+      },
+      _react2.default.createElement('path', {
+        d: 'M16.118 2.474C13.682.83 10.962.514 8.142 1.02 4.401 1.695 2.054 3.98.985 7.571c-.91 3.059-.906 6.167-.282 9.275.39 1.93 1.178 3.685 2.571 5.122 1.673 1.72 3.775 2.477 6.116 2.665.262.022.405.11.535.33a11.379 11.379 0 0 0 3.598 3.717c1.161.754 2.397 1.308 3.824 1.28.804-.021 1.412-.514 1.529-1.219.133-.806-.289-1.52-1.069-1.796-.226-.081-.463-.134-.691-.204-1.42-.44-2.514-1.277-3.238-2.619.083-.043.129-.075.178-.088 2.555-.894 4.29-2.655 5.225-5.148 1.363-3.631 1.363-7.348.42-11.069-.55-2.184-1.67-4.05-3.583-5.343zm-.238 14.822c-.565 1.861-1.681 3.305-3.644 3.844-2.07.569-4.054.396-5.751-1.063-1.094-.935-1.665-2.196-1.937-3.566-.244-1.24-.46-3.77-.427-3.777.034-1.822.188-3.621.939-5.323 1.155-2.6 3.442-3.496 5.955-3.266 2.761.254 4.322 1.915 4.992 4.451.763 2.895.75 5.823-.127 8.7zM64.64 21.771c-.905-.425-1.469-1.102-1.582-2.106a10.432 10.432 0 0 1-.058-1.12c-.017-2.434.003-4.869-.043-7.3-.042-2.129-1.22-3.625-3.266-4.255-1.55-.478-3.141-.503-4.734-.353-1.221.114-2.425.33-3.503.94-.417.234-.84.563-1.097.957-.61.928-.01 2.083 1.056 2.106.27.006.554-.081.819-.168.547-.168 1.077-.402 1.63-.55 1.387-.368 2.793-.545 4.21-.195.665.164 1.233.54 1.334 1.234.14.928.144 1.873.202 2.78-.514 0-.914.007-1.313 0-1.952-.03-3.885.087-5.738.788-1.249.471-2.311 1.195-2.947 2.404-1.56 2.954-.167 6.312 3.063 7.307 2.945.906 5.656.418 8.05-1.456.506.396.984.831 1.519 1.169.717.454 1.51.683 2.376.542.815-.136 1.263-.814 1.088-1.613-.13-.595-.569-.88-1.067-1.11zm-5.107-1.227c-1.496 1.131-3.184 1.479-5.01 1.093-1.22-.255-1.8-.97-1.914-2.192-.108-1.176.417-2.09 1.495-2.584 1.007-.461 2.087-.56 3.175-.587.61-.015 1.23.035 1.844.027.351-.006.467.133.44.482-.03.383-.007.772-.007 1.158-.013.004.086 1.521.132 2.282a.438.438 0 0 1-.155.32zM44.666 8.125c-1.508-1.28-3.295-1.671-5.217-1.536-3.121.218-5.327 1.775-6.466 4.678-1.072 2.73-1.051 5.546-.227 8.334.617 2.074 1.95 3.595 4 4.368.853.32 1.777.522 2.686.623 2.09.24 4.123-.057 6.02-1 .418-.206.798-.544 1.105-.898.398-.461.363-1.154.02-1.64-.346-.486-.908-.68-1.53-.499-.294.086-.58.206-.86.332-1.45.653-2.945.93-4.542.72-2.28-.294-4.003-2.374-3.834-4.727h8.882c.35 0 .699.008 1.049-.006.842-.03 1.312-.405 1.421-1.23.157-1.207-.012-2.402-.28-3.578-.347-1.529-1.003-2.905-2.227-3.941zm-8.855 6.054c.143-1.463.472-2.81 1.57-3.854 1.346-1.274 3.937-1.33 5.184-.09.78.774 1.04 1.78 1.201 2.82.055.366.073.735.112 1.124H35.81zM82.362 10.784c-.324-1.789-1.22-3.189-3.017-3.777-2.295-.744-4.583-.67-6.74.497-.785.424-1.463 1.049-2.199 1.584-.018-.047-.052-.175-.121-.283-.348-.549-.638-1.151-1.074-1.622-.476-.514-1.137-.545-1.792-.28-.587.243-.96.696-.953 1.31.005.462.153.952.351 1.373.634 1.329.917 2.719.905 4.187-.018 2.862-.005 5.723-.005 8.586v.402c.042 1.195.953 1.912 2.124 1.665.92-.19 1.35-.791 1.35-1.928 0-3.4-.013-6.797 0-10.193a1.2 1.2 0 0 1 .265-.709c1.143-1.351 2.616-2.035 4.39-2.098 1.89-.066 3.032.966 3.156 2.858.012.228.024.457.024.681v9.51c0 .707.165 1.33.838 1.698 1.26.689 2.669-.133 2.669-1.558.002-3.317.012-6.63-.006-9.95-.004-.65-.05-1.31-.165-1.953M30.332 21.352a4.715 4.715 0 0 0-.956.068c-1.221.194-1.984-.32-2.203-1.524a5.43 5.43 0 0 1-.08-.957c-.009-2.767-.005-5.533-.005-8.299V9.592c0-2.55.001-5.105-.001-7.66-.003-.914-.36-1.494-1.064-1.753-1.266-.471-2.402.301-2.402 1.642-.002 5.761-.004 11.524.002 17.288.003.503.023 1.018.1 1.513.224 1.472.827 2.712 2.245 3.395 1.15.554 2.37.625 3.61.42.604-.102 1.175-.29 1.604-.758.401-.44.449-.96.268-1.499-.175-.52-.57-.802-1.118-.828'
+      })
+    )
+  );
+};
 
-// const StyledLogo = styled(Logo)`
-//   ${({ color, colorMobile }) => `
-//     fill: ${colors[color] || colors.green};
-//     ${media.mobile(`
-//       fill: ${colors[colorMobile] || colors.green};
-//     `)}
-//   `}
-// `;
+Logo.defaultProps = {
+  width: '83',
+  height: '30',
+  viewBox: '0 0 83 30',
+  xmlns: 'http://www.w3.org/2000/svg'
+};
 
-var HeaderLogo = function HeaderLogo(_ref) {
+
+var StyledLogo = (0, _styledComponents2.default)(Logo).withConfig({
+  displayName: 'HeaderLogo__StyledLogo',
+  componentId: 'sc-1b2cy9v-0'
+})(['', ''], function (_ref) {
   var color = _ref.color,
-      colorMobile = _ref.colorMobile,
-      rest = _objectWithoutProperties(_ref, ['color', 'colorMobile']);
+      colorMobile = _ref.colorMobile;
+  return '\n    fill: ' + (_yorkCore.colors[color] || _yorkCore.colors.green) + ';\n    ' + _styles.media.mobile('\n      fill: ' + (_yorkCore.colors[colorMobile] || _yorkCore.colors.green) + ';\n    ') + '\n  ';
+});
 
-  return _react2.default.createElement('a', { href: '/?noredirect=true' });
+var HeaderLogo = function HeaderLogo(_ref2) {
+  var color = _ref2.color,
+      colorMobile = _ref2.colorMobile,
+      rest = _objectWithoutProperties(_ref2, ['color', 'colorMobile']);
+
+  return _react2.default.createElement(
+    'a',
+    { href: '/?noredirect=true' },
+    _react2.default.createElement(StyledLogo, _extends({
+      color: color,
+      colorMobile: colorMobile,
+      width: 83,
+      height: 30
+    }, rest))
+  );
 };
@@ -47,0 +80,0 @@

package.json

 {
   "name": "@qlean/york-web",
-  "version": "0.3.6-beta-5",
+  "version": "0.3.6-beta-6",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
-    "build": "npm run clean && babel src -d lib --ignore test.js",
+    "build_": "npm run clean && babel src -d lib --ignore test.js",
+    "build": "babel src -d lib --ignore test.js",
     "clean": "rimraf lib",
@@ -9,0 +10,0 @@ "lint": "eslint src --ext .js",

src/components/FloatingControls/Connections/index.js

@@ -13,2 +13,4 @@ import React, { Fragment } from 'react';
 
+import CloseIcon from './close.svg';
+
 const StyledConnections = styled(FlexBase)`
@@ -53,3 +55,3 @@ position: fixed;
 
-const StyledCloseIcon = styled.div`
+const StyledCloseIcon = styled(CloseIcon)`
   position: absolute;
@@ -61,3 +63,2 @@ cursor: pointer;
   height: ${g(10)}px;
-  background-image: url(${require('./close.svg')});
 `;
@@ -64,0 +65,0 @@

src/components/FloatingControls/ConnectionsToggler/index.js

@@ -10,3 +10,3 @@ import React, { Component, Fragment } from 'react';
 
-// import MessengersIcon from './messengers.svg';
+import MessengersIcon from './messengers.svg';
 import Connections from '../Connections';
@@ -56,3 +56,3 @@
         >
-          {/* <MessengersIcon width={26} height={25}/> */}
+          <MessengersIcon width={26} height={25}/>
         </StyledIconWrapper>
@@ -59,0 +59,0 @@ <Connections

src/components/Messengers/index.js

@@ -8,2 +8,7 @@ import React from 'react';
 
+import FacebookIcon from './assets/facebook.svg';
+import TelegramIcon from './assets/telegram.svg';
+import ViberIcon from './assets/viber.svg';
+import VkIcon from './assets/vk.svg';
+
 const messengersColors = {
@@ -15,2 +20,10 @@ facebook: '#0084FF',
 };
+
+const messengerIcons = {
+  facebook: <FacebookIcon/>,
+  telegram: <TelegramIcon/>,
+  viber: <ViberIcon/>,
+  vk: <VkIcon/>,
+};
+
 /* eslint-disable import/no-dynamic-require */
@@ -81,6 +94,5 @@ const StyledMessengers = styled.div`
 
-  &:after {
+  & svg {
     background-repeat: no-repeat;
     background-position: center;
-    background-image: ${({ messengerCode }) => `url(${require(`./assets/${messengerCode}.svg`)})`};
     position: absolute;
@@ -124,2 +136,3 @@ top: 50%;
         >
+          {messengerIcons[messenger.code]}
           {messenger.name}
@@ -126,0 +139,0 @@ </StyledMessenger>

src/components/Navigation/Header/HeaderLogo.js

@@ -8,16 +8,16 @@ import React from 'react';
 
-// import Logo from './assets/logo.svg';
+import Logo from './assets/logo.svg';
 
-// const StyledLogo = styled(Logo)`
-//   ${({ color, colorMobile }) => `
-//     fill: ${colors[color] || colors.green};
-//     ${media.mobile(`
-//       fill: ${colors[colorMobile] || colors.green};
-//     `)}
-//   `}
-// `;
+const StyledLogo = styled(Logo)`
+  ${({ color, colorMobile }) => `
+    fill: ${colors[color] || colors.green};
+    ${media.mobile(`
+      fill: ${colors[colorMobile] || colors.green};
+    `)}
+  `}
+`;
 
 const HeaderLogo = ({ color, colorMobile, ...rest }) => (
   <a href="/?noredirect=true">
-    {/* <StyledLogo
+    <StyledLogo
       color={color}
@@ -28,3 +28,3 @@ colorMobile={colorMobile}
       {...rest}
-    /> */}
+    />
   </a>
@@ -31,0 +31,0 @@ );

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

Fixed alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

181405

increased by6.74%

Lines of code

3933

increased by6.27%

Worsened metrics

Number of package files

65

decreased by-2.99%

No dependency changes