@qlean/york-web - npm Package Compare versions

Comparing version 3.10.3 to 3.11.0

babel.config.js

 module.exports = {
   presets: ['@babel/preset-react', '@babel/preset-env'],
   plugins: [
-    'inline-react-svg',
+    ['inline-react-svg', { svgo: false }],
     '@babel/plugin-proposal-class-properties',
@@ -6,0 +6,0 @@ [

lib/components/complex/Header/DesktopHeader/Profile/Dropdown.js

@@ -45,2 +45,6 @@ "use strict";
 })(["display:flex;align-items:center;height:", "px;padding:0 ", "px 0 ", "px;border-radius:", ";text-transform:uppercase;white-space:nowrap;transition:", ";user-select:none;cursor:pointer;&:hover{background-color:", ";}"], _utils.sizes[8], _utils.sizes[6], _utils.sizes[2], _utils.borderRadiuses.medium, _utils.transitions["short"], _yorkCore.colors.smoke);
+var StyledText = (0, _styledComponents["default"])(_primitive.Text).withConfig({
+  displayName: "Dropdown__StyledText",
+  componentId: "uigsn2-4"
+})(["line-height:", "px;"], _utils.sizes[8]);
 
@@ -62,3 +66,3 @@ function Dropdown(_ref) {
       callbacks: callbacks
-    }, _react["default"].createElement(_primitive.Text, {
+    }, _react["default"].createElement(StyledText, {
       color: isSelected ? 'green' : 'coal',
@@ -65,0 +69,0 @@ preset: "link"

lib/components/complex/Header/DesktopHeader/Profile/index.js

@@ -24,2 +24,4 @@ "use strict";
 
+var _ProfilePlusIcon = _interopRequireDefault(require("../../ProfilePlusIcon"));
+
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
@@ -35,5 +37,5 @@
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M7 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h9V6H8a1 1 0 0 1-1-1z"
+    d: "M7 5C7 4.44772 7.44772 4 8 4H18C18.5523 4 19 4.44772 19 5V19C19 19.5523 18.5523 20 18 20H8C7.44772 20 7 19.5523 7 19C7 18.4477 7.44772 18 8 18H17V6H8C7.44772 6 7 5.55228 7 5Z"
   }), _react["default"].createElement("path", {
-    d: "M10.793 15.157a1 1 0 0 1 0-1.414l.743-.743H7a1 1 0 1 1 0-2h4.586l-.793-.793a1 1 0 0 1 1.414-1.414l2.404 2.404a1.1 1.1 0 0 1 0 1.556l-2.404 2.404a1 1 0 0 1-1.414 0z"
+    d: "M10.7929 15.1569C10.4024 14.7664 10.4024 14.1332 10.7929 13.7427L11.5356 13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11.5858L10.7929 10.2071C10.4024 9.81654 10.4024 9.18337 10.7929 8.79285C11.1834 8.40233 11.8166 8.40235 12.2071 8.79288L14.6113 11.1971C15.0408 11.6267 15.0408 12.3232 14.6113 12.7527L12.2071 15.1569C11.8166 15.5474 11.1834 15.5474 10.7929 15.1569Z"
   }));
@@ -53,9 +55,9 @@ };
     clipRule: "evenodd",
-    d: "M12 13.8a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0-2a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2z",
-    fill: "#222"
+    d: "M11.9997 13.7997C13.9879 13.7997 15.5997 12.188 15.5997 10.1997C15.5997 8.21151 13.9879 6.59973 11.9997 6.59973C10.0115 6.59973 8.39972 8.21151 8.39972 10.1997C8.39972 12.188 10.0115 13.7997 11.9997 13.7997ZM11.9997 11.7997C12.8834 11.7997 13.5997 11.0834 13.5997 10.1997C13.5997 9.31608 12.8834 8.59973 11.9997 8.59973C11.1161 8.59973 10.3997 9.31608 10.3997 10.1997C10.3997 11.0834 11.1161 11.7997 11.9997 11.7997Z",
+    fill: "#222222"
   }), _react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M19.41 17.11a9 9 0 1 0-1.314 1.512c.491-.453.932-.96 1.314-1.512zm-1.676-1.094a7 7 0 1 0-11.197.362A11.197 11.197 0 0 1 12.45 14.7a11.2 11.2 0 0 1 5.284 1.316zm-1.444 1.516a9.216 9.216 0 0 0-3.84-.832 9.208 9.208 0 0 0-4.374 1.098A6.968 6.968 0 0 0 12 19a6.97 6.97 0 0 0 4.29-1.468z",
-    fill: "#222"
+    d: "M19.4096 17.1101C20.4126 15.6585 21 13.8979 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C14.3514 21 16.4923 20.0982 18.0955 18.6216C18.0955 18.6216 18.0955 18.6216 18.0955 18.6216C18.5872 18.1687 19.0284 17.6617 19.4096 17.1101C19.4096 17.1101 19.4096 17.1101 19.4096 17.1101ZM17.7344 16.0156C18.5319 14.8788 19 13.4941 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 13.6565 5.5754 15.1786 6.53723 16.3774C8.25536 15.3138 10.2812 14.6999 12.4503 14.6999C14.3602 14.6999 16.159 15.1758 17.7344 16.0156ZM16.2898 17.5319C15.1203 16.9976 13.8201 16.6999 12.4503 16.6999C10.868 16.6999 9.37841 17.0972 8.07596 17.7976C9.19518 18.5566 10.5458 19 12 19C13.6164 19 15.1049 18.4521 16.2898 17.5319Z",
+    fill: "#222222"
   }));
@@ -71,39 +73,2 @@ };
 };
-
-var ProfilePlusIcon = function ProfilePlusIcon(props) {
-  return _react["default"].createElement("svg", props, _react["default"].createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "9",
-    fill: "url(#a)"
-  }), _react["default"].createElement("path", {
-    d: "M6.187 18.87a9.053 9.053 0 0 1-1.392-1.476A13.687 13.687 0 0 1 12.55 15c2.554 0 4.945.696 6.994 1.91a9.048 9.048 0 0 1-1.292 1.564A11.696 11.696 0 0 0 12.55 17c-2.345 0-4.53.687-6.363 1.87z",
-    fill: "#fff"
-  }), _react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm-2 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",
-    fill: "#fff"
-  }), _react["default"].createElement("defs", null, _react["default"].createElement("linearGradient", {
-    id: "a",
-    x1: "21",
-    y1: "3",
-    x2: "3",
-    y2: "21",
-    gradientUnits: "userSpaceOnUse"
-  }, _react["default"].createElement("stop", {
-    stopColor: "#4EC3E0"
-  }), _react["default"].createElement("stop", {
-    offset: "1",
-    stopColor: "#008BFF"
-  }))));
-};
-
-ProfilePlusIcon.defaultProps = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
 var StyledLogin = (0, _styledComponents["default"])(_primitive.View).withConfig({
@@ -141,3 +106,3 @@ displayName: "Profile__StyledLogin",
     alignItems: "center"
-  }, isPlusSubscriber ? _react["default"].createElement(ProfilePlusIcon, null) : _react["default"].createElement(ProfileIcon, null), _react["default"].createElement(StyledProfileText, {
+  }, isPlusSubscriber ? _react["default"].createElement(_ProfilePlusIcon["default"], null) : _react["default"].createElement(ProfileIcon, null), _react["default"].createElement(StyledProfileText, {
     preset: "caption"
@@ -144,0 +109,0 @@ }, _locales["default"].profile))) : _react["default"].createElement(StyledLogin, {

lib/components/complex/Header/DesktopHeader/Tabs.js

@@ -27,3 +27,3 @@ "use strict";
   componentId: "cad3jz-0"
-})(["align-items:center;height:24px;padding:0 8px;border-radius:", ";user-select:none;", ""], _utils.borderRadiuses.medium, function (_ref) {
+})(["align-items:center;height:", "px;padding:0 8px;border-radius:", ";user-select:none;", ""], _utils.uiPoint * 5, _utils.borderRadiuses.medium, function (_ref) {
   var isSelected = _ref.isSelected;
@@ -35,3 +35,3 @@ return isSelected ? "background-color: ".concat(_yorkCore.colors.green, ";") : "cursor: pointer;";
   componentId: "cad3jz-1"
-})(["font-size:11px;font-weight:700;line-height:", "px;text-transform:uppercase;letter-spacing:1px;"], _utils.sizes[4]);
+})(["font-size:11px;font-weight:700;line-height:11px;text-transform:uppercase;letter-spacing:1px;"]);
 
@@ -38,0 +38,0 @@ function Tabs(_ref2) {

lib/components/complex/Header/Logo/index.js

@@ -16,4 +16,4 @@ "use strict";
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M5.902.165C-.39 1.298-.39 8.534.302 12.12c1.132 5.6 5.914 5.851 6.543 5.851.19 0 .315.063.378.252 1.258 2.076 3.586 3.838 5.537 3.775 1.384-.063 1.573-1.824.315-2.265-.504-.189-2.014-.44-2.958-2.139.063-.063.126-.063.126-.063 1.888-.692 3.209-2.013 3.901-3.9 1.007-2.77 1.007-5.538.315-8.37C13.326.355 8.922-.4 5.902.166zm5.788 12.27c-1.195 3.963-5.41 3.523-7.047 2.076-2.454-2.076-1.887-7.613-1.07-9.564.882-1.95 2.58-2.58 4.468-2.454 5.348.504 4.09 8.431 3.65 9.942zm37.06 3.523c.377.189.692.378.818.818.126.63-.189 1.133-.818 1.195-.63.126-1.258-.062-1.762-.44-.377-.252-.755-.566-1.132-.88-1.825 1.383-3.839 1.761-6.04 1.069-3.524-1.07-3.839-5.915-.064-7.362 1.762-.692 3.461-.566 5.286-.566-.063-.692-.063-1.384-.126-2.076-.063-.504-.504-.818-1.007-.944-1.07-.252-2.14-.126-3.146.126-.63.188-1.384.566-1.825.566-.817 0-1.258-.88-.817-1.573.062-.063.629-1.196 3.46-1.447 4.97-.504 5.977 1.824 5.977 3.46.063 1.825 0 3.65.063 5.537 0 .252 0 .567.063.818-.063.881.378 1.384 1.07 1.7zm-3.838-.944a.477.477 0 0 0 .126-.251c-.063-.818-.126-2.014-.063-2.58 0-.252-.063-.378-.315-.378-.944 0-2.454-.188-3.775.44-.818.378-1.195 1.07-1.133 1.951.19 2.328 3.398 2.14 5.16.818zm-17.743-2.768c-.126 1.762 1.195 3.335 2.894 3.586 1.195.189 2.328-.063 3.398-.566.188-.063.44-.189.629-.252 1.07-.314 1.698.944 1.132 1.636-.252.252-.503.504-.818.692-2.705 1.385-5.41.692-6.543.315-3.964-1.51-3.838-6.921-2.832-9.564 1.636-4.215 6.48-4.341 8.746-2.454 1.762 1.51 2.076 4.342 1.888 5.663-.063.63-.44.88-1.07.944h-7.425zm0-2.014h6.04c0-.314-.063-.566-.063-.818-.126-.755-.315-1.573-.881-2.139-.944-.944-2.894-.88-3.901.063-.88.755-1.133 1.762-1.195 2.894zm34.354-2.516c.063.503.125 1.006.125 1.447v7.487c0 1.07-1.07 1.699-2.013 1.196-.503-.252-.63-.755-.63-1.259V9.414v-.503c-.062-1.447-.943-2.202-2.39-2.14-1.321.064-2.454.567-3.272 1.574-.126.126-.189.377-.189.503v7.676c0 .881-.314 1.322-1.006 1.447-.881.19-1.573-.377-1.573-1.258V9.918c0-2.517-.944-3.083-.944-4.216 0-1.007 1.447-1.447 2.076-.755.315.315.755 1.133.881 1.447.566-.377 1.07-.88 1.636-1.195 1.636-.881 3.335-.944 5.034-.378 1.32.44 2.013 1.51 2.265 2.895zm-41.15 6.543c0 .881.252 2.14 1.699 1.888.818-.126 1.321 0 1.573.566.252.881-.378 1.51-1.447 1.699-4.656.755-4.467-3.586-4.467-4.027V1.361c0-1.825 2.58-1.825 2.58.063l.062 12.835z",
-    fill: "#222"
+    d: "M5.90167 0.165264C-0.390293 1.29782 -0.390293 8.53357 0.301823 12.12C1.43438 17.7198 6.21627 17.9715 6.84546 17.9715C7.03422 17.9715 7.16006 18.0344 7.22298 18.2232C8.48137 20.2995 10.8094 22.0613 12.7599 21.9984C14.1441 21.9354 14.3329 20.1737 13.0745 19.7333C12.5711 19.5445 11.0611 19.2928 10.1173 17.594C10.1802 17.5311 10.2431 17.5311 10.2431 17.5311C12.1307 16.839 13.452 15.5176 14.1441 13.6301C15.1508 10.8616 15.1508 8.09313 14.4587 5.26175C13.3262 0.354022 8.92181 -0.401012 5.90167 0.165264ZM11.6903 12.4346C10.4948 16.3985 6.27919 15.9581 4.64328 14.5109C2.18941 12.4346 2.75569 6.89766 3.57364 4.94715C4.45452 2.99665 6.15335 2.36745 8.04093 2.49329C13.3891 2.99665 12.1307 10.9245 11.6903 12.4346ZM48.7499 15.9581C49.1274 16.1468 49.442 16.3356 49.5679 16.776C49.6937 17.4052 49.3791 17.9086 48.7499 17.9715C48.1207 18.0974 47.4915 17.9086 46.9882 17.5311C46.6107 17.2794 46.2331 16.9648 45.8556 16.6502C44.0309 18.0344 42.0175 18.412 39.8153 17.7198C36.2918 16.6502 35.9772 11.8054 39.7524 10.3582C41.5142 9.66613 43.213 9.79196 45.0377 9.79196C44.9747 9.09985 44.9747 8.40773 44.9118 7.71562C44.8489 7.21226 44.4085 6.89766 43.9051 6.77182C42.8355 6.52014 41.7658 6.64598 40.7591 6.89766C40.1299 7.08642 39.3749 7.46394 38.9345 7.46394C38.1165 7.46394 37.6761 6.58306 38.1165 5.89095C38.1794 5.82803 38.7457 4.69548 41.5771 4.4438C46.5477 3.94044 47.5544 6.26847 47.5544 7.90438C47.6174 9.72904 47.5544 11.5537 47.6174 13.4413C47.6174 13.693 47.6174 14.0076 47.6803 14.2593C47.6174 15.1401 48.0578 15.6435 48.7499 15.9581ZM44.9118 15.0143C44.9747 14.9514 45.0377 14.8255 45.0377 14.7626C44.9747 13.9447 44.9118 12.7492 44.9747 12.1829C44.9747 11.9312 44.9118 11.8054 44.6601 11.8054C43.7164 11.8054 42.2063 11.6166 40.885 12.2458C40.067 12.6233 39.6895 13.3155 39.7524 14.1963C39.9412 16.5244 43.1501 16.3356 44.9118 15.0143ZM27.1685 12.2458C27.0427 14.0076 28.364 15.5806 30.0628 15.8322C31.2583 16.021 32.3908 15.7693 33.4605 15.266C33.6492 15.203 33.9009 15.0772 34.0897 15.0143C35.1593 14.6997 35.7885 15.9581 35.2222 16.6502C34.9705 16.9019 34.7188 17.1536 34.4043 17.3423C31.6987 18.7265 28.9932 18.0344 27.8606 17.6569C23.8967 16.1468 24.0225 10.7358 25.0292 8.09313C26.6651 3.87752 31.5099 3.75168 33.7751 5.63927C35.5368 7.14934 35.8514 9.98072 35.6626 11.302C35.5997 11.9312 35.2222 12.1829 34.593 12.2458H27.1685ZM27.1685 10.2324H33.2088C33.2088 9.9178 33.1459 9.66612 33.1459 9.41445C33.02 8.65941 32.8313 7.84146 32.265 7.27518C31.3212 6.33139 29.3707 6.3943 28.364 7.3381C27.4831 8.09313 27.2314 9.09985 27.1685 10.2324ZM61.5226 7.71562C61.5855 8.21897 61.6484 8.72233 61.6484 9.16277C61.6484 11.6796 61.6484 14.1963 61.6484 16.6502C61.6484 17.7198 60.5788 18.349 59.635 17.8457C59.1317 17.594 59.0058 17.0906 59.0058 16.5873V9.41445C59.0058 9.22569 59.0058 9.09985 59.0058 8.91109C58.9429 7.46394 58.062 6.7089 56.6149 6.77182C55.2936 6.83474 54.161 7.3381 53.3431 8.34481C53.2172 8.47065 53.1543 8.72233 53.1543 8.84817C53.1543 11.4279 53.1543 14.0076 53.1543 16.5244C53.1543 17.4052 52.8397 17.8457 52.1476 17.9715C51.2667 18.1603 50.5746 17.594 50.5746 16.7131C50.5746 16.6502 50.5746 12.0571 50.5746 9.9178C50.5746 7.40102 49.6308 6.83474 49.6308 5.70219C49.6308 4.69548 51.0779 4.25504 51.7071 4.94715C52.0217 5.26175 52.4622 6.07971 52.588 6.3943C53.1543 6.01679 53.6576 5.51343 54.2239 5.19883C55.8598 4.31796 57.5587 4.25504 59.2575 4.82131C60.5788 5.26175 61.2709 6.33139 61.5226 7.71562ZM20.3732 14.2593C20.3732 15.1401 20.6249 16.3985 22.072 16.1468C22.89 16.021 23.3933 16.1468 23.645 16.7131C23.8967 17.594 23.2675 18.2232 22.1978 18.4119C17.5418 19.167 17.7306 14.8255 17.7306 14.3851C17.7306 10.0436 17.7306 5.70219 17.7306 1.36074C17.7306 -0.463932 20.3103 -0.463932 20.3103 1.42366L20.3732 14.2593Z",
+    fill: "#222222"
   }));
@@ -20,0 +20,0 @@ };

lib/components/complex/Header/MobileHeader/index.js

@@ -48,4 +48,7 @@ "use strict";
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M5.5 9C4.672 9 4 9.576 4 10.286c0 .71.672 1.285 1.5 1.285h19c.828 0 1.5-.575 1.5-1.285S25.328 9 24.5 9h-19zM5.5 18.429c-.828 0-1.5.575-1.5 1.285S4.672 21 5.5 21h19c.828 0 1.5-.576 1.5-1.286 0-.71-.672-1.285-1.5-1.285h-19z",
-    fill: "#222"
+    d: "M5.5 9C4.67157 9 4 9.57563 4 10.2857C4 10.9958 4.67157 11.5714 5.5 11.5714H24.5C25.3284 11.5714 26 10.9958 26 10.2857C26 9.57563 25.3284 9 24.5 9H5.5Z",
+    fill: "#222222"
+  }), _react["default"].createElement("path", {
+    d: "M5.5 18.4286C4.67157 18.4286 4 19.0042 4 19.7143C4 20.4244 4.67157 21 5.5 21H24.5C25.3284 21 26 20.4244 26 19.7143C26 19.0042 25.3284 18.4286 24.5 18.4286H5.5Z",
+    fill: "#222222"
   }));
@@ -64,7 +67,13 @@ };
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M7.173 7.112l15.72 15.72M22.83 7.112L7.11 22.832",
-    stroke: "#222",
+    d: "M7.17259 7.11233L22.8923 22.8321",
+    stroke: "#222222",
     strokeWidth: "2.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
+  }), _react["default"].createElement("path", {
+    d: "M22.8294 7.11233L7.10963 22.8321",
+    stroke: "#222222",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   }));
@@ -71,0 +80,0 @@ };

lib/components/complex/Header/MobileHeader/MobileBurgerHeader/index.js

@@ -24,2 +24,4 @@ "use strict";
 
+var _ProfilePlusIcon = _interopRequireDefault(require("../../ProfilePlusIcon"));
+
 var _utils2 = require("../../utils");
@@ -57,4 +59,7 @@
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M5.5 9C4.672 9 4 9.576 4 10.286c0 .71.672 1.285 1.5 1.285h19c.828 0 1.5-.575 1.5-1.285S25.328 9 24.5 9h-19zM5.5 18.429c-.828 0-1.5.575-1.5 1.285S4.672 21 5.5 21h19c.828 0 1.5-.576 1.5-1.286 0-.71-.672-1.285-1.5-1.285h-19z",
-    fill: "#222"
+    d: "M5.5 9C4.67157 9 4 9.57563 4 10.2857C4 10.9958 4.67157 11.5714 5.5 11.5714H24.5C25.3284 11.5714 26 10.9958 26 10.2857C26 9.57563 25.3284 9 24.5 9H5.5Z",
+    fill: "#222222"
+  }), _react["default"].createElement("path", {
+    d: "M5.5 18.4286C4.67157 18.4286 4 19.0042 4 19.7143C4 20.4244 4.67157 21 5.5 21H24.5C25.3284 21 26 20.4244 26 19.7143C26 19.0042 25.3284 18.4286 24.5 18.4286H5.5Z",
+    fill: "#222222"
   }));
@@ -73,7 +78,13 @@ };
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M7.173 7.112l15.72 15.72M22.83 7.112L7.11 22.832",
-    stroke: "#222",
+    d: "M7.17259 7.11233L22.8923 22.8321",
+    stroke: "#222222",
     strokeWidth: "2.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
+  }), _react["default"].createElement("path", {
+    d: "M22.8294 7.11233L7.10963 22.8321",
+    stroke: "#222222",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   }));
@@ -94,9 +105,9 @@ };
     clipRule: "evenodd",
-    d: "M12 13.8a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0-2a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2z",
-    fill: "#222"
+    d: "M11.9997 13.7997C13.9879 13.7997 15.5997 12.188 15.5997 10.1997C15.5997 8.21151 13.9879 6.59973 11.9997 6.59973C10.0115 6.59973 8.39972 8.21151 8.39972 10.1997C8.39972 12.188 10.0115 13.7997 11.9997 13.7997ZM11.9997 11.7997C12.8834 11.7997 13.5997 11.0834 13.5997 10.1997C13.5997 9.31608 12.8834 8.59973 11.9997 8.59973C11.1161 8.59973 10.3997 9.31608 10.3997 10.1997C10.3997 11.0834 11.1161 11.7997 11.9997 11.7997Z",
+    fill: "#222222"
   }), _react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M19.41 17.11a9 9 0 1 0-1.314 1.512c.491-.453.932-.96 1.314-1.512zm-1.676-1.094a7 7 0 1 0-11.197.362A11.197 11.197 0 0 1 12.45 14.7a11.2 11.2 0 0 1 5.284 1.316zm-1.444 1.516a9.216 9.216 0 0 0-3.84-.832 9.208 9.208 0 0 0-4.374 1.098A6.968 6.968 0 0 0 12 19a6.97 6.97 0 0 0 4.29-1.468z",
-    fill: "#222"
+    d: "M19.4096 17.1101C20.4126 15.6585 21 13.8979 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C14.3514 21 16.4923 20.0982 18.0955 18.6216C18.0955 18.6216 18.0955 18.6216 18.0955 18.6216C18.5872 18.1687 19.0284 17.6617 19.4096 17.1101C19.4096 17.1101 19.4096 17.1101 19.4096 17.1101ZM17.7344 16.0156C18.5319 14.8788 19 13.4941 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 13.6565 5.5754 15.1786 6.53723 16.3774C8.25536 15.3138 10.2812 14.6999 12.4503 14.6999C14.3602 14.6999 16.159 15.1758 17.7344 16.0156ZM16.2898 17.5319C15.1203 16.9976 13.8201 16.6999 12.4503 16.6999C10.868 16.6999 9.37841 17.0972 8.07596 17.7976C9.19518 18.5566 10.5458 19 12 19C13.6164 19 15.1049 18.4521 16.2898 17.5319Z",
+    fill: "#222222"
   }));
@@ -115,5 +126,5 @@ };
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M7 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h9V6H8a1 1 0 0 1-1-1z"
+    d: "M7 5C7 4.44772 7.44772 4 8 4H18C18.5523 4 19 4.44772 19 5V19C19 19.5523 18.5523 20 18 20H8C7.44772 20 7 19.5523 7 19C7 18.4477 7.44772 18 8 18H17V6H8C7.44772 6 7 5.55228 7 5Z"
   }), _react["default"].createElement("path", {
-    d: "M10.793 15.157a1 1 0 0 1 0-1.414l.743-.743H7a1 1 0 1 1 0-2h4.586l-.793-.793a1 1 0 0 1 1.414-1.414l2.404 2.404a1.1 1.1 0 0 1 0 1.556l-2.404 2.404a1 1 0 0 1-1.414 0z"
+    d: "M10.7929 15.1569C10.4024 14.7664 10.4024 14.1332 10.7929 13.7427L11.5356 13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11.5858L10.7929 10.2071C10.4024 9.81654 10.4024 9.18337 10.7929 8.79285C11.1834 8.40233 11.8166 8.40235 12.2071 8.79288L14.6113 11.1971C15.0408 11.6267 15.0408 12.3232 14.6113 12.7527L12.2071 15.1569C11.8166 15.5474 11.1834 15.5474 10.7929 15.1569Z"
   }));
@@ -130,7 +141,9 @@ };
 var ArrowIcon = function ArrowIcon(props) {
-  return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    fill: "#fff",
-    d: "M0 24V0h24v24z"
+  return _react["default"].createElement("svg", props, _react["default"].createElement("rect", {
+    width: "24",
+    height: "24",
+    transform: "translate(0 24) rotate(-90)",
+    fill: "white"
   }), _react["default"].createElement("path", {
-    d: "M17.914 14.99l-5.86-5.86M6.085 14.99l5.86-5.86",
+    d: "M17.9141 14.9907L12.0542 9.13086",
     stroke: "#A6A6A6",
@@ -140,2 +153,8 @@ strokeWidth: "2",
     strokeLinejoin: "round"
+  }), _react["default"].createElement("path", {
+    d: "M6.08545 14.9907L11.9453 9.13085",
+    stroke: "#A6A6A6",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   }));
@@ -160,3 +179,3 @@ };
   componentId: "d75kdu-1"
-})(["flex-shrink:0;transition:", ";", ""], _utils.transitions.medium, function (_ref) {
+})(["font-size:0;flex-shrink:0;transition:", ";", ""], _utils.transitions.medium, function (_ref) {
   var isActive = _ref.isActive;
@@ -169,3 +188,3 @@ return !isActive && 'transform: rotate(-180deg);';
   componentId: "d75kdu-2"
-})(["flex-shrink:0;"]);
+})(["font-size:0;flex-shrink:0;"]);
 
@@ -203,3 +222,3 @@ var StyledBurgerButton = (0, _styledComponents["default"])(_simple.Button).withConfig({
   componentId: "d75kdu-8"
-})(["text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
+})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 
@@ -221,2 +240,3 @@ var StyledFooter = _styledComponents["default"].div.withConfig({
       isLoggedIn = _ref4.isLoggedIn,
+      isPlusSubscriber = _ref4.isPlusSubscriber,
       isProfileAvailable = _ref4.isProfileAvailable,
@@ -311,3 +331,5 @@ defaultTab = _ref4.defaultTab,
       }
-    }, _react["default"].createElement(StyledMenuItemText, null, item.title), _react["default"].createElement(_primitive.Separator, {
+    }, _react["default"].createElement(StyledMenuItemText, {
+      preset: "link"
+    }, item.title), _react["default"].createElement(_primitive.Separator, {
       width: 2
@@ -327,3 +349,5 @@ }), _react["default"].createElement(StyledArrowIconContainer, {
       onClick: onRequestClose
-    }, _react["default"].createElement(StyledMenuItemText, null, item.title))));
+    }, _react["default"].createElement(StyledMenuItemText, {
+      preset: "link"
+    }, item.title))));
   }), _react["default"].createElement(_primitive.Separator, {
@@ -337,5 +361,7 @@ height: 3
     }
-  }, _react["default"].createElement(StyledMenuItemContent, null, _react["default"].createElement(StyledIcon, null, _react["default"].createElement(ProfileIcon, null)), _react["default"].createElement(_primitive.Separator, {
+  }, _react["default"].createElement(StyledMenuItemContent, null, _react["default"].createElement(StyledIcon, null, isPlusSubscriber ? _react["default"].createElement(_ProfilePlusIcon["default"], null) : _react["default"].createElement(ProfileIcon, null)), _react["default"].createElement(_primitive.Separator, {
     width: 2
-  }), _react["default"].createElement(StyledMenuItemText, null, _locales["default"].profile)), _react["default"].createElement(_primitive.Separator, {
+  }), _react["default"].createElement(StyledMenuItemText, {
+    preset: "link"
+  }, _locales["default"].profile)), _react["default"].createElement(_primitive.Separator, {
     width: 2
@@ -371,3 +397,5 @@ }), _react["default"].createElement(StyledArrowIconContainer, {
     width: 2
-  }), _react["default"].createElement(StyledMenuItemText, null, _locales["default"].login))), selectedRegion && _react["default"].createElement(_Region["default"], {
+  }), _react["default"].createElement(StyledMenuItemText, {
+    preset: "link"
+  }, _locales["default"].login))), selectedRegion && _react["default"].createElement(_Region["default"], {
     regions: regions,
@@ -374,0 +402,0 @@ onRegionChange: onRegionChange,

lib/components/complex/Header/MobileHeader/MobileBurgerHeader/Region.js

@@ -24,4 +24,4 @@ "use strict";
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M18.812 4.45a.2.2 0 0 0-.262-.262L3.123 10.643a.2.2 0 0 0-.123.184v.611a.2.2 0 0 0 .128.186l5.863 2.27a.2.2 0 0 1 .115.115l2.27 5.863a.2.2 0 0 0 .186.128h.61a.2.2 0 0 0 .185-.123L18.812 4.45z",
-    stroke: "#222",
+    d: "M18.8118 4.44994C18.8808 4.28494 18.7151 4.11921 18.5501 4.18825L3.12281 10.6427C3.04842 10.6738 3 10.7466 3 10.8272L3 11.438C3 11.5206 3.05077 11.5947 3.1278 11.6245L8.99127 13.8944C9.04376 13.9147 9.08525 13.9562 9.10557 14.0087L11.3755 19.8722C11.4053 19.9492 11.4794 20 11.562 20H12.1728C12.2534 20 12.3262 19.9516 12.3573 19.8772L18.8118 4.44994Z",
+    stroke: "#222222",
     strokeWidth: "2"
@@ -55,3 +55,3 @@ }));
   componentId: "sm645p-3"
-})(["white-space:nowrap;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;"]);
+})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 
@@ -76,3 +76,5 @@ function Region(_ref) {
     }, region.title);
-  })), _react["default"].createElement(StyledMenuItemText, null, regions.find(function (region) {
+  })), _react["default"].createElement(StyledMenuItemText, {
+    preset: "link"
+  }, regions.find(function (region) {
     return region.name === selectedRegion;
@@ -79,0 +81,0 @@ }).title), _react["default"].createElement(_primitive.Separator, {

lib/components/complex/Header/MobileHeader/Modal.js

@@ -53,5 +53,5 @@ "use strict";
       window.scrollTo(0, offsetY);
-    };
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return _reactDom["default"].createPortal(_react["default"].createElement(StyledModal, null, children), document.body);
 }

lib/components/complex/Header/Region/index.js

@@ -24,3 +24,3 @@ "use strict";
   return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
-    d: "M12 0L0 5.02v.661l4.555 1.764L6.32 12h.66L12 0z",
+    d: "M12 0L0 5.02055L4.61075e-07 5.68127L4.55525 7.44475L6.31873 12H6.97945L12 0Z",
     fill: "#A6A6A6"
@@ -27,0 +27,0 @@ }));

lib/components/simple/Tooltip/README.md

 ```js
 import { colors } from '@qlean/york-core'
 import { View, Text, Tooltip, Separator } from '@qlean/york-web'
-
 ;<>
@@ -6,0 +5,0 @@ <Tooltip tooltip={Example.text.short}>

package.json

 {
   "name": "@qlean/york-web",
-  "version": "3.10.3",
+  "version": "3.11.0",
   "description": "",
@@ -26,3 +26,3 @@ "license": "MIT",
   },
-  "gitHead": "bad4ae48439d061034c5b80050ba771ce97f01b0"
+  "gitHead": "592be4e7ae13f5047ec6d8dd50c3df6025ef2b04"
 }

README.md

@@ -42,5 +42,6 @@ Здесь лежат компоненты и утилиты, предназначенные для работы в веб-окружении.
 
-
 ```js static
-<Text preset="header1" as="h1">Заголовок</Text>
+<Text preset="header1" as="h1">
+  Заголовок
+</Text>
 ```

src/components/complex/Header/DesktopHeader/Profile/Dropdown.js

@@ -54,2 +54,6 @@ import React from 'react'
 
+const StyledText = styled(Text)`
+  line-height: ${sizes[8]}px;
+`
+
 export default function Dropdown({
@@ -77,5 +81,5 @@ components,
               >
-                <Text color={isSelected ? 'green' : 'coal'} preset="link">
+                <StyledText color={isSelected ? 'green' : 'coal'} preset="link">
                   {item.title}
-                </Text>
+                </StyledText>
               </StyledMenuItem>
@@ -82,0 +86,0 @@ )

src/components/complex/Header/DesktopHeader/Profile/index.js

@@ -14,3 +14,3 @@ import React, { useContext } from 'react'
 import ProfileIcon from '../../assets/profile.svg'
-import ProfilePlusIcon from '../../assets/profilePlus.svg'
+import ProfilePlusIcon from '../../ProfilePlusIcon'
 
@@ -17,0 +17,0 @@ import Dropdown from './Dropdown'

src/components/complex/Header/DesktopHeader/Tabs.js

@@ -6,3 +6,3 @@ import React from 'react'
 
-import { sizes, borderRadiuses } from 'york-web/utils'
+import { uiPoint, borderRadiuses } from 'york-web/utils'
 import { Text, View, Link } from 'york-web/components/primitive'
@@ -14,3 +14,3 @@
   align-items: center;
-  height: 24px;
+  height: ${uiPoint * 5}px;
   padding: 0 8px;
@@ -26,3 +26,3 @@ border-radius: ${borderRadiuses.medium};
   font-weight: 700;
-  line-height: ${sizes[4]}px;
+  line-height: 11px;
   text-transform: uppercase;
@@ -29,0 +29,0 @@ letter-spacing: 1px;

src/components/complex/Header/MobileHeader/MobileBurgerHeader/index.js

@@ -14,2 +14,3 @@ import React, { useState, useContext } from 'react'
 import ProfileIcon from '../../assets/profile.svg'
+import ProfilePlusIcon from '../../ProfilePlusIcon'
 import LoginIcon from '../../assets/login.svg'
@@ -31,2 +32,3 @@ import { headerPropTypes } from '../../utils'
 const StyledArrowIconContainer = styled.div`
+  font-size: 0;
   flex-shrink: 0;
@@ -38,2 +40,3 @@ transition: ${transitions.medium};
 const StyledIcon = styled.div`
+  font-size: 0;
   flex-shrink: 0;
@@ -75,3 +78,2 @@ `
 const StyledMenuItemText = styled(Text)`
-  text-transform: uppercase;
   white-space: nowrap;
@@ -96,2 +98,3 @@ overflow: hidden;
   isLoggedIn,
+  isPlusSubscriber,
   isProfileAvailable,
@@ -166,3 +169,5 @@ defaultTab,
                 >
-                  <StyledMenuItemText>{item.title}</StyledMenuItemText>
+                  <StyledMenuItemText preset="link">
+                    {item.title}
+                  </StyledMenuItemText>
                   <Separator width={2} />
@@ -191,3 +196,5 @@ <StyledArrowIconContainer isActive={isActive}>
                 >
-                  <StyledMenuItemText>{item.title}</StyledMenuItemText>
+                  <StyledMenuItemText preset="link">
+                    {item.title}
+                  </StyledMenuItemText>
                 </StyledMenuItem>
@@ -209,6 +216,8 @@ </>
                 <StyledIcon>
-                  <ProfileIcon />
+                  {isPlusSubscriber ? <ProfilePlusIcon /> : <ProfileIcon />}
                 </StyledIcon>
                 <Separator width={2} />
-                <StyledMenuItemText>{locales.profile}</StyledMenuItemText>
+                <StyledMenuItemText preset="link">
+                  {locales.profile}
+                </StyledMenuItemText>
               </StyledMenuItemContent>
@@ -260,3 +269,5 @@ <Separator width={2} />
               <Separator width={2} />
-              <StyledMenuItemText>{locales.login}</StyledMenuItemText>
+              <StyledMenuItemText preset="link">
+                {locales.login}
+              </StyledMenuItemText>
             </StyledMenuItemContent>
@@ -263,0 +274,0 @@ </StyledMenuItem>

src/components/complex/Header/MobileHeader/MobileBurgerHeader/Region.js

@@ -33,3 +33,2 @@ import React from 'react'
   white-space: nowrap;
-  text-transform: uppercase;
   overflow: hidden;
@@ -55,3 +54,3 @@ text-overflow: ellipsis;
       </StyledRegionSelect>
-      <StyledMenuItemText>
+      <StyledMenuItemText preset="link">
         {regions.find(region => region.name === selectedRegion).title}
@@ -58,0 +57,0 @@ </StyledMenuItemText>

src/components/complex/Header/MobileHeader/Modal.js

@@ -49,2 +49,3 @@ import React, { createRef, useEffect } from 'react'
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
@@ -51,0 +52,0 @@

src/components/simple/Tooltip/README.md

 ```js
 import { colors } from '@qlean/york-core'
 import { View, Text, Tooltip, Separator } from '@qlean/york-web'
-
 ;<>
@@ -6,0 +5,0 @@ <Tooltip tooltip={Example.text.short}>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

2263383

increased by3.05%

Number of package files

154

increased by0.65%

Lines of code

9739

increased by39.19%

Number of lines in readme file

47

increased by2.17%

Number of low supply chain risk alerts

20

decreased by-16.67%

No dependency changes