@semcore/icon 4.8.2 → 4.8.3

package/CHANGELOG.md

@@ -2,7 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.8.2-prerelease.0] - 2023-09-12
+## [4.8.3-prerelease.0] - 2023-09-13
+
+### Fixed
+
+- Fixed strange svg issue that was cutting the edge of the `Favorite` and `FavoriteFilled` icons.
+
+## [4.8.2] - 2023-09-12
 
 ### Changed
 

package/Favorite/l/index.js

@@ -28,8 +28,8 @@ function Favorite(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
+    d: "M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z",
     clipRule: "evenodd",
-    d: "m13.855 9.31-2.358-4.477L9.14 9.31l-4.984.864 3.525 3.634-.72 5.014 4.537-2.235 4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.951 5.104 1.01 7.044a.4.4 0 0 1-.572.416l-6.374-3.14-6.374 3.14a.4.4 0 0 1-.572-.416l1.011-7.044L.611 9.394a.4.4 0 0 1 .218-.673l7-1.214 3.315-6.293a.4.4 0 0 1 .707 0l3.315 6.293 7 1.214Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/Favorite/l/index.mjs

@@ -17,8 +17,8 @@ function Favorite({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
+    d: "M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z",
     clipRule: "evenodd",
-    d: "m13.855 9.31-2.358-4.477L9.14 9.31l-4.984.864 3.525 3.634-.72 5.014 4.537-2.235 4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.951 5.104 1.01 7.044a.4.4 0 0 1-.572.416l-6.374-3.14-6.374 3.14a.4.4 0 0 1-.572-.416l1.011-7.044L.611 9.394a.4.4 0 0 1 .218-.673l7-1.214 3.315-6.293a.4.4 0 0 1 .707 0l3.315 6.293 7 1.214Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/Favorite/m/index.js

@@ -28,8 +28,8 @@ function Favorite(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
+    d: "M9.406 6.399 8 3.782 6.594 6.399l-2.892.49 2.042 2.064-.424 2.895L8 10.554l2.68 1.294-.424-2.895 2.041-2.063-2.89-.491Zm6.26-.964a.4.4 0 0 1 .218.675l-3.503 3.539.716 4.893a.4.4 0 0 1-.57.417L8 12.774l-4.527 2.185a.4.4 0 0 1-.57-.417l.716-4.893L.116 6.11a.4.4 0 0 1 .218-.675l4.959-.842L7.647.21a.4.4 0 0 1 .706 0l2.354 4.382 4.96.842Z",
     clipRule: "evenodd",
-    d: "M9.91 7.397 8.505 4.78 7.098 7.397l-2.891.49L6.249 9.95l-.424 2.896 2.68-1.294 2.68 1.294-.425-2.896 2.042-2.062-2.891-.491Zm6.26-.964a.4.4 0 0 1 .218.675l-3.503 3.539.717 4.893a.4.4 0 0 1-.57.417l-4.528-2.185-4.527 2.185a.4.4 0 0 1-.57-.417l.717-4.893L.62 7.107a.4.4 0 0 1 .218-.674l4.959-.843 2.355-4.38a.4.4 0 0 1 .705 0l2.355 4.381 4.959.843Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/Favorite/m/index.mjs

@@ -17,8 +17,8 @@ function Favorite({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
+    d: "M9.406 6.399 8 3.782 6.594 6.399l-2.892.49 2.042 2.064-.424 2.895L8 10.554l2.68 1.294-.424-2.895 2.041-2.063-2.89-.491Zm6.26-.964a.4.4 0 0 1 .218.675l-3.503 3.539.716 4.893a.4.4 0 0 1-.57.417L8 12.774l-4.527 2.185a.4.4 0 0 1-.57-.417l.716-4.893L.116 6.11a.4.4 0 0 1 .218-.675l4.959-.842L7.647.21a.4.4 0 0 1 .706 0l2.354 4.382 4.96.842Z",
     clipRule: "evenodd",
-    d: "M9.91 7.397 8.505 4.78 7.098 7.397l-2.891.49L6.249 9.95l-.424 2.896 2.68-1.294 2.68 1.294-.425-2.896 2.042-2.062-2.891-.491Zm6.26-.964a.4.4 0 0 1 .218.675l-3.503 3.539.717 4.893a.4.4 0 0 1-.57.417l-4.528-2.185-4.527 2.185a.4.4 0 0 1-.57-.417l.717-4.893L.62 7.107a.4.4 0 0 1 .218-.674l4.959-.843 2.355-4.38a.4.4 0 0 1 .705 0l2.355 4.381 4.959.843Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/FavoriteFilled/l/index.js

@@ -27,7 +27,7 @@ function FavoriteFilled(_ref, ref) {
     height: height,
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M11.144 1.214a.4.4 0 0 1 .707 0l3.315 6.293 7 1.214a.4.4 0 0 1 .218.673l-4.951 5.104 1.01 7.044a.4.4 0 0 1-.572.416l-6.374-3.14-6.374 3.14a.4.4 0 0 1-.572-.416l1.011-7.044L.611 9.394a.4.4 0 0 1 .218-.673l7-1.214 3.315-6.293Z",
+    d: "M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/FavoriteFilled/l/index.mjs

@@ -16,7 +16,7 @@ function FavoriteFilled({
     height: height,
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M11.144 1.214a.4.4 0 0 1 .707 0l3.315 6.293 7 1.214a.4.4 0 0 1 .218.673l-4.951 5.104 1.01 7.044a.4.4 0 0 1-.572.416l-6.374-3.14-6.374 3.14a.4.4 0 0 1-.572-.416l1.011-7.044L.611 9.394a.4.4 0 0 1 .218-.673l7-1.214 3.315-6.293Z",
+    d: "M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/FavoriteFilled/m/index.js

@@ -28,8 +28,8 @@ function FavoriteFilled(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
+    d: "M15.666 5.435a.4.4 0 0 1 .218.675l-3.503 3.539.716 4.893a.4.4 0 0 1-.57.417L8 12.774l-4.527 2.185a.4.4 0 0 1-.57-.417l.716-4.893L.116 6.11a.4.4 0 0 1 .218-.675l4.959-.842L7.647.21a.4.4 0 0 1 .706 0l2.354 4.382 4.96.842Z",
     clipRule: "evenodd",
-    d: "M16.17 6.433a.4.4 0 0 1 .218.675l-3.503 3.539.717 4.893a.4.4 0 0 1-.57.417l-4.528-2.185-4.527 2.185a.4.4 0 0 1-.57-.417l.717-4.893L.62 7.107a.4.4 0 0 1 .218-.674l4.959-.843 2.355-4.38a.4.4 0 0 1 .705 0l2.355 4.381 4.959.843Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/FavoriteFilled/m/index.mjs

@@ -17,8 +17,8 @@ function FavoriteFilled({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
+    d: "M15.666 5.435a.4.4 0 0 1 .218.675l-3.503 3.539.716 4.893a.4.4 0 0 1-.57.417L8 12.774l-4.527 2.185a.4.4 0 0 1-.57-.417l.716-4.893L.116 6.11a.4.4 0 0 1 .218-.675l4.959-.842L7.647.21a.4.4 0 0 1 .706 0l2.354 4.382 4.96.842Z",
     clipRule: "evenodd",
-    d: "M16.17 6.433a.4.4 0 0 1 .218.675l-3.503 3.539.717 4.893a.4.4 0 0 1-.57.417l-4.528-2.185-4.527 2.185a.4.4 0 0 1-.57-.417l.717-4.893L.62 7.107a.4.4 0 0 1 .218-.674l4.959-.843 2.355-4.38a.4.4 0 0 1 .705 0l2.355 4.381 4.959.843Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/lib/cjs/Icon.js

@@ -22,12 +22,12 @@ var _ref = require("@semcore/utils/lib/ref");
 var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
 var _excluded = ["keyboardFocused"];
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_1teyx_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1teyx)}.___SIcon_1teyx_gg_.__keyboardFocused_1teyx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1teyx_gg_.__interactive_1teyx_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1teyx_gg_.__interactive_1teyx_gg_:hover{color:var(--color-interactive_1teyx)}}" /*__inner_css_end__*/, "1teyx_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_1teyx_gg_",
-  "--color": "--color_1teyx",
-  "_keyboardFocused": "__keyboardFocused_1teyx_gg_",
-  "_interactive": "__interactive_1teyx_gg_",
-  "--color-interactive": "--color-interactive_1teyx"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_xxd6i_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_xxd6i)}.___SIcon_xxd6i_gg_.__keyboardFocused_xxd6i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_xxd6i_gg_.__interactive_xxd6i_gg_{cursor:pointer}@media (hover:hover){.___SIcon_xxd6i_gg_.__interactive_xxd6i_gg_:hover{color:var(--color-interactive_xxd6i)}}" /*__inner_css_end__*/, "xxd6i_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_xxd6i_gg_",
+  "--color": "--color_xxd6i",
+  "_keyboardFocused": "__keyboardFocused_xxd6i_gg_",
+  "_interactive": "__interactive_xxd6i_gg_",
+  "--color-interactive": "--color-interactive_xxd6i"
 });
 function Icon(props, ref) {
   var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({

package/lib/es6/Icon.js

@@ -15,12 +15,12 @@ import logger from '@semcore/utils/lib/logger';
 import { useForkRef } from '@semcore/utils/lib/ref';
 import hasLabels from '@semcore/utils/lib/hasLabels';
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_1teyx_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1teyx)}.___SIcon_1teyx_gg_.__keyboardFocused_1teyx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1teyx_gg_.__interactive_1teyx_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1teyx_gg_.__interactive_1teyx_gg_:hover{color:var(--color-interactive_1teyx)}}" /*__inner_css_end__*/, "1teyx_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_1teyx_gg_",
-  "--color": "--color_1teyx",
-  "_keyboardFocused": "__keyboardFocused_1teyx_gg_",
-  "_interactive": "__interactive_1teyx_gg_",
-  "--color-interactive": "--color-interactive_1teyx"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_xxd6i_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_xxd6i)}.___SIcon_xxd6i_gg_.__keyboardFocused_xxd6i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_xxd6i_gg_.__interactive_xxd6i_gg_{cursor:pointer}@media (hover:hover){.___SIcon_xxd6i_gg_.__interactive_xxd6i_gg_:hover{color:var(--color-interactive_xxd6i)}}" /*__inner_css_end__*/, "xxd6i_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_xxd6i_gg_",
+  "--color": "--color_xxd6i",
+  "_keyboardFocused": "__keyboardFocused_xxd6i_gg_",
+  "_interactive": "__interactive_xxd6i_gg_",
+  "--color-interactive": "--color-interactive_xxd6i"
 });
 function Icon(props, ref) {
   var _useBox = useBox(_objectSpread({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "4.8.2",
+  "version": "4.8.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,13 +9,13 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "5.6.3",
-    "@semcore/icon": "4.8.2",
-    "@semcore/utils": "4.6.3",
+    "@semcore/flex-box": "5.7.0",
+    "@semcore/icon": "4.8.3",
+    "@semcore/utils": "4.7.0",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.6.3-prerelease.0",
+    "@semcore/core": "^2.7.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/svg/icon/Favorite/l.svg

@@ -1 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m13.855 9.31-2.358-4.477L9.14 9.31l-4.984.864 3.525 3.634-.72 5.014 4.537-2.235 4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.951 5.104 1.01 7.044a.4.4 0 0 1-.572.416l-6.374-3.14-6.374 3.14a.4.4 0 0 1-.572-.416l1.011-7.044L.611 9.394a.4.4 0 0 1 .218-.673l7-1.214 3.315-6.293a.4.4 0 0 1 .707 0l3.315 6.293 7 1.214Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z" clip-rule="evenodd"/>
+</svg>

package/svg/icon/Favorite/m.svg

@@ -1 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.91 7.397 8.505 4.78 7.098 7.397l-2.891.49L6.249 9.95l-.424 2.896 2.68-1.294 2.68 1.294-.425-2.896 2.042-2.062-2.891-.491Zm6.26-.964a.4.4 0 0 1 .218.675l-3.503 3.539.717 4.893a.4.4 0 0 1-.57.417l-4.528-2.185-4.527 2.185a.4.4 0 0 1-.57-.417l.717-4.893L.62 7.107a.4.4 0 0 1 .218-.674l4.959-.843 2.355-4.38a.4.4 0 0 1 .705 0l2.355 4.381 4.959.843Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9.406 6.399 8 3.782 6.594 6.399l-2.892.49 2.042 2.064-.424 2.895L8 10.554l2.68 1.294-.424-2.895 2.041-2.063-2.89-.491Zm6.26-.964a.4.4 0 0 1 .218.675l-3.503 3.539.716 4.893a.4.4 0 0 1-.57.417L8 12.774l-4.527 2.185a.4.4 0 0 1-.57-.417l.716-4.893L.116 6.11a.4.4 0 0 1 .218-.675l4.959-.842L7.647.21a.4.4 0 0 1 .706 0l2.354 4.382 4.96.842Z" clip-rule="evenodd"/>
+</svg>

package/svg/icon/FavoriteFilled/l.svg

@@ -1 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.144 1.214a.4.4 0 0 1 .707 0l3.315 6.293 7 1.214a.4.4 0 0 1 .218.673l-4.951 5.104 1.01 7.044a.4.4 0 0 1-.572.416l-6.374-3.14-6.374 3.14a.4.4 0 0 1-.572-.416l1.011-7.044L.611 9.394a.4.4 0 0 1 .218-.673l7-1.214 3.315-6.293Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z"/>
+</svg>

package/svg/icon/FavoriteFilled/m.svg

@@ -1 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.17 6.433a.4.4 0 0 1 .218.675l-3.503 3.539.717 4.893a.4.4 0 0 1-.57.417l-4.528-2.185-4.527 2.185a.4.4 0 0 1-.57-.417l.717-4.893L.62 7.107a.4.4 0 0 1 .218-.674l4.959-.843 2.355-4.38a.4.4 0 0 1 .705 0l2.355 4.381 4.959.843Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15.666 5.435a.4.4 0 0 1 .218.675l-3.503 3.539.716 4.893a.4.4 0 0 1-.57.417L8 12.774l-4.527 2.185a.4.4 0 0 1-.57-.417l.716-4.893L.116 6.11a.4.4 0 0 1 .218-.675l4.959-.842L7.647.21a.4.4 0 0 1 .706 0l2.354 4.382 4.96.842Z" clip-rule="evenodd"/>
+</svg>