@semcore/icon 2.20.0 → 2.25.0

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.25.0] - 2022-05-18
+
+### Added
+
+- Added icon `GoogleCloud`.
+
+## [2.24.0] - 2022-05-12
+
+### Added
+
+- Added icon `UserShared`.
+
+### Changed
+
+- Update pay icons `Visa, JCB`.
+
+## [2.21.0] - 2022-04-28
+
+### Added
+
+- Added icons `IndentedResult, UserSharedFirst`.
+
+### Changed
+
+- Changed icon `UserGroup`.
+
+### Removed
+
+- Removed icons `UserGroupNo, UserShared`.
+
 ## [2.20.0] - 2022-03-21
 
 ### Added

package/GoogleCloud/l/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function GoogleCloud(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '24' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '24' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "GoogleCloud",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M20.964 8.73404C20.4771 7.01477 19.4994 5.50096 18.1869 4.34375L15.2829 7.21524C16.3421 8.06769 17.0564 9.32233 17.1865 10.7425V11.6842C17.2029 11.6842 17.2181 11.6792 17.2345 11.6792C18.7011 11.6792 20 12.8595 20 14.3097C20 15.7598 18.7017 17 17.2352 17C17.2188 17 17.2036 16.9956 17.1872 16.995V17H12.9764H12V21H17.1865V20.9975C17.2029 20.9975 17.2181 21 17.2345 21C20.9653 21 24 17.9986 24 14.3103C24 11.984 22.7912 9.9331 20.964 8.73404Z",
+    fill: "#1976D2",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.02454 8.74065C4.11928 4.85746 7.7286 2 12 2C14.3754 2 16.5398 2.89117 18.1869 4.34378L15.2829 7.21527C14.3861 6.49396 13.2436 6 12 6C10.494 6 9.10114 6.68537 8.1351 7.76069C7.69215 7.67035 7.23345 7.62292 6.76357 7.62292C5.38291 7.62292 4.09669 8.03459 3.02454 8.74065Z",
+    fill: "#FF3D00",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M6.76551 17H6.76425C6.37836 17 5.99098 16.9174 5.66003 16.77L2.70825 19.6492C3.84067 20.4929 5.24278 21 6.76425 21H6.76551H12V17H6.76551Z",
+    fill: "#4CAF50",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 14.3115C4 12.8627 5.29895 11.6824 6.76421 11.6824C7.83979 11.6824 8.77137 12.3212 9.19011 13.2399L12.1693 10.2941C10.9307 8.6691 8.97031 7.62305 6.76358 7.62305C3.03789 7.62305 0 10.6207 0 14.3115C0 16.4917 1.068 18.427 2.70821 19.6492L5.66 16.7701C4.73284 16.3592 4 15.3788 4 14.3115Z",
+    fill: "#FFC107",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+GoogleCloud.displayName = 'GoogleCloud';
+
+var _default = (0, _core.createBaseComponent)(GoogleCloud);
+
+exports["default"] = _default;

package/GoogleCloud/m/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function GoogleCloud(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '16' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '16' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "GoogleCloud",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M13.976 5.60741C13.6514 4.43106 12.9996 3.3953 12.1246 2.60352L10.1886 4.56822C10.8947 5.15148 11.3709 6.00992 11.4577 6.98159V7.62595C11.4686 7.62595 11.4787 7.62254 11.4897 7.62254C12.4674 7.62254 13.3333 8.43013 13.3333 9.42231C13.3333 10.4145 12.4678 11.2631 11.4901 11.2631C11.4792 11.2631 11.4691 11.2601 11.4581 11.2597V11.2631H8.65095H8V13.9999H11.4577V13.9982C11.4686 13.9982 11.4787 13.9999 11.4897 13.9999C13.9768 13.9999 16 11.9463 16 9.42274C16 7.83106 15.1941 6.42782 13.976 5.60741Z",
+    fill: "#1976D2",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.01636 5.61203C2.74619 2.95511 5.1524 1 7.99999 1C9.58357 1 11.0265 1.60975 12.1246 2.60364L10.1886 4.56835C9.59073 4.07482 8.82904 3.73685 7.99999 3.73685C6.99603 3.73685 6.06743 4.20579 5.4234 4.94154C5.1281 4.87972 4.8223 4.84727 4.50905 4.84727C3.5886 4.84727 2.73113 5.12894 2.01636 5.61203Z",
+    fill: "#FF3D00",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4.51032 11.2633H4.50948C4.25222 11.2633 3.99396 11.2068 3.77333 11.106L1.80548 13.0759C2.56043 13.6532 3.49516 14.0002 4.50948 14.0002H4.51032H8.00001V11.2633H4.51032Z",
+    fill: "#4CAF50",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.66667 9.42351C2.66667 8.43218 3.53263 7.62459 4.50947 7.62459C5.22653 7.62459 5.84758 8.06172 6.12674 8.69027L8.11284 6.67471C7.28716 5.56289 5.98021 4.84717 4.50905 4.84717C2.02526 4.84717 0 6.89819 0 9.42351C0 10.9152 0.712 12.2394 1.80547 13.0756L3.77333 11.1057C3.15523 10.8245 2.66667 10.1538 2.66667 9.42351Z",
+    fill: "#FFC107",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+GoogleCloud.displayName = 'GoogleCloud';
+
+var _default = (0, _core.createBaseComponent)(GoogleCloud);
+
+exports["default"] = _default;

package/IndentedResult/l/index.d.ts

@@ -0,0 +1,7 @@
+
+        import React from 'react';
+        import { Merge } from '@semcore/core';
+        import { IIconProps } from '@semcore/icon';
+        declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
+        export default _default;
+      

package/IndentedResult/l/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function IndentedResult(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '24' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '24' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "IndentedResult",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20 3a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h17a1 1 0 0 0 1-1V3Zm-2 6V4H3v5h15ZM23 14a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h17a1 1 0 0 0 1-1v-7Zm-2 6v-5H6v5h15Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+IndentedResult.displayName = 'IndentedResult';
+
+var _default = (0, _core.createBaseComponent)(IndentedResult);
+
+exports["default"] = _default;

package/IndentedResult/m/index.d.ts

@@ -0,0 +1,7 @@
+
+        import React from 'react';
+        import { Merge } from '@semcore/core';
+        import { IIconProps } from '@semcore/icon';
+        declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
+        export default _default;
+      

package/IndentedResult/m/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function IndentedResult(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '16' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '16' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "IndentedResult",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13 2a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V2Zm-2 3V3H2v2h9ZM16 10a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4Zm-2 3v-2H5v2h9Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+IndentedResult.displayName = 'IndentedResult';
+
+var _default = (0, _core.createBaseComponent)(IndentedResult);
+
+exports["default"] = _default;

package/UserGroup/l/index.js

@@ -35,15 +35,15 @@ function UserGroup(_ref, ref) {
     height: height,
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M1 7a5 5 0 0 1 9.17-2.759 6.962 6.962 0 0 0-1.88.822A3 3 0 1 0 5.093 9.86a7.05 7.05 0 0 0-.033 2.05A5.002 5.002 0 0 1 1 7Zm4.674 7H4a4 4 0 0 0-4 4v1h2v-1a2 2 0 0 1 2-2h3.101a7.018 7.018 0 0 1-1.427-2ZM20 16h-3.101a7.018 7.018 0 0 0 1.427-2H20a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2Zm-1.059-4.088A5.002 5.002 0 0 0 18 2c-1.742 0-3.276.89-4.17 2.241a6.996 6.996 0 0 1 1.88.822 3 3 0 1 1 3.198 4.798 7.054 7.054 0 0 1 .033 2.05Z",
+    d: "M17 16h-3.101a7.018 7.018 0 0 0 1.427-2H17a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2ZM15.941 11.912A5.002 5.002 0 0 0 15 2c-1.742 0-3.276.89-4.17 2.241.671.182 1.303.461 1.88.822a3 3 0 1 1 3.198 4.798 7.054 7.054 0 0 1 .033 2.05Z",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M7 11a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z",
+    d: "M4 11a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M9 18a4 4 0 0 0-4 4v1h2v-1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1h2v-1a4 4 0 0 0-4-4H9Z",
+    d: "M6 18a4 4 0 0 0-4 4v1h2v-1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1h2v-1a4 4 0 0 0-4-4H6Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/UserGroup/m/index.js

@@ -35,15 +35,15 @@ function UserGroup(_ref, ref) {
     height: height,
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M14 4a1 1 0 0 1-1.469.884C12.832 5.526 13 6.244 13 7a3 3 0 1 0-2.647-4.413C11 2.933 11.563 3.417 12 4a1 1 0 0 1 2 0ZM3.1 8H3a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h1a4.977 4.977 0 0 1-.9-2Zm8.9 2h1a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3h-.1a4.977 4.977 0 0 1-.9 2ZM3 5c.17 0 .329-.042.469-.116A4.974 4.974 0 0 0 3 7a3 3 0 1 1 2.647-4.413C5 2.933 4.437 3.417 4 4a1 1 0 1 0-1 1Z",
+    d: "M10.027 3.766A5.514 5.514 0 0 0 8.77 1.994a3 3 0 1 1 1.65 4.95 5.529 5.529 0 0 0-.057-2.174 1 1 0 1 0-.334-1.004ZM12.5 10h-1.126a6.032 6.032 0 0 0-1.495-1.459c.091-.175.174-.355.246-.541H12.5a3.5 3.5 0 0 1 3.5 3.5V13h-2v-1.5a1.5 1.5 0 0 0-1.5-1.5Z",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
+    d: "M5 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M6 11a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3H6Z",
+    d: "M3.5 10A3.5 3.5 0 0 0 0 13.5V15h2v-1.5A1.5 1.5 0 0 1 3.5 12h3A1.5 1.5 0 0 1 8 13.5V15h2v-1.5A3.5 3.5 0 0 0 6.5 10h-3Z",
     shapeRendering: "geometricPrecision"
   }));
 }

package/UserSharedFirst/l/index.d.ts

@@ -0,0 +1,7 @@
+
+        import React from 'react';
+        import { Merge } from '@semcore/core';
+        import { IIconProps } from '@semcore/icon';
+        declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
+        export default _default;
+      

package/{UserGroupNo → UserSharedFirst}/l/index.js

@@ -19,7 +19,7 @@ var _icon = _interopRequireDefault(require("@semcore/icon"));
 
 var _excluded = ["width", "height", "viewBox"];
 
-function UserGroupNo(_ref, ref) {
+function UserSharedFirst(_ref, ref) {
   var _ref$width = _ref.width,
       width = _ref$width === void 0 ? '24' : _ref$width,
       _ref$height = _ref.height,
@@ -29,7 +29,7 @@ function UserGroupNo(_ref, ref) {
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
     ref: ref,
-    "data-name": "UserGroupNo",
+    "data-name": "UserSharedFirst",
     "data-group": "l",
     width: width,
     height: height,
@@ -37,19 +37,16 @@ function UserGroupNo(_ref, ref) {
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "m22.707 2.707-.97.97a5.002 5.002 0 0 1-2.795 8.234 7.068 7.068 0 0 0-.034-2.05 3.001 3.001 0 0 0 1.41-4.765l-3.787 3.787a5 5 0 0 1-6.648 6.648L7.414 18H15a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2H5.414l-2.707 2.707a1 1 0 0 1-1.414-1.414l20-20a1 1 0 1 1 1.414 1.414ZM11.462 13.952l3.49-3.49a3 3 0 0 1-3.49 3.49Z",
+    d: "M4 8a5 5 0 1 1 10 0A5 5 0 0 1 4 8Zm5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "m1 19 1-1a2 2 0 0 1 2-2l1.782-1.782A7.017 7.017 0 0 1 5.674 14H4a4 4 0 0 0-4 4v1h1ZM12 6a4.99 4.99 0 0 1 1.703.297L12 8a3 3 0 0 0-3 3l-1.703 1.703A5 5 0 0 1 12 6Zm6-4c-1.742 0-3.276.89-4.17 2.241.485.132.95.314 1.388.54L18 2Z",
-    shapeRendering: "geometricPrecision"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M1 7a5 5 0 0 1 9.17-2.759 6.962 6.962 0 0 0-1.88.822A3 3 0 1 0 5.093 9.86a7.05 7.05 0 0 0-.033 2.05A5.002 5.002 0 0 1 1 7Zm19 9h-3.101a7.018 7.018 0 0 0 1.427-2H20a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2Z",
+    d: "M1 19.5A4.5 4.5 0 0 1 5.5 15h7a4.5 4.5 0 0 1 4.5 4.5v.5h-2v-.5a2.5 2.5 0 0 0-2.5-2.5h-7A2.5 2.5 0 0 0 3 19.5v.5H1v-.5ZM16 12a1 1 0 0 1 1-1h2V9a1 1 0 1 1 2 0v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 0 1-1-1Z",
     shapeRendering: "geometricPrecision"
   }));
 }
 
-UserGroupNo.displayName = 'UserGroupNo';
+UserSharedFirst.displayName = 'UserSharedFirst';
 
-var _default = (0, _core.createBaseComponent)(UserGroupNo);
+var _default = (0, _core.createBaseComponent)(UserSharedFirst);
 
 exports["default"] = _default;

package/UserSharedFirst/m/index.d.ts

@@ -0,0 +1,7 @@
+
+        import React from 'react';
+        import { Merge } from '@semcore/core';
+        import { IIconProps } from '@semcore/icon';
+        declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
+        export default _default;
+      

package/{UserGroupNo → UserSharedFirst}/m/index.js

@@ -19,7 +19,7 @@ var _icon = _interopRequireDefault(require("@semcore/icon"));
 
 var _excluded = ["width", "height", "viewBox"];
 
-function UserGroupNo(_ref, ref) {
+function UserSharedFirst(_ref, ref) {
   var _ref$width = _ref.width,
       width = _ref$width === void 0 ? '16' : _ref$width,
       _ref$height = _ref.height,
@@ -29,22 +29,24 @@ function UserGroupNo(_ref, ref) {
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
     ref: ref,
-    "data-name": "UserGroupNo",
+    "data-name": "UserSharedFirst",
     "data-group": "m",
     width: width,
     height: height,
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "m15.707 1.707-.389.389A3 3 0 0 1 13 7c0-.756-.168-1.474-.469-2.116a1 1 0 0 0 1.352-1.353l-2.931 2.931a3 3 0 0 1-3.49 3.49L6.414 11H10a3 3 0 0 1 3 3v1h-2v-1a1 1 0 0 0-1-1H4.414l-1.707 1.707-1 1a1 1 0 0 1-1.414-1.414l1-1 13-13a1 1 0 1 1 1.414 1.414ZM3 5c.17 0 .329-.042.469-.116A4.974 4.974 0 0 0 3 7a3 3 0 1 1 2.647-4.413C5 2.933 4.437 3.417 4 4a1 1 0 1 0-1 1Zm2 2 3-3a3 3 0 0 0-3 3ZM3.1 8c.049.24.115.476.197.703L0 12v-1a3 3 0 0 1 3-3h.1Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM4 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M12 10h1a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3h-.1a4.977 4.977 0 0 1-.9 2Z",
+    d: "M3 10a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3H3ZM13 5a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0V9h-1a1 1 0 1 1 0-2h1V6a1 1 0 0 1 1-1Z",
     shapeRendering: "geometricPrecision"
   }));
 }
 
-UserGroupNo.displayName = 'UserGroupNo';
+UserSharedFirst.displayName = 'UserSharedFirst';
 
-var _default = (0, _core.createBaseComponent)(UserGroupNo);
+var _default = (0, _core.createBaseComponent)(UserSharedFirst);
 
 exports["default"] = _default;

package/color/MicrosoftOffice/l/index.js

@@ -97,7 +97,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: ".94",
     stopColor: "#B95799"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#B85BA2"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "c",
@@ -121,8 +121,8 @@ function MicrosoftOffice(_ref, ref) {
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopOpacity: ".4"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
-    stopOpacity: 0
+    offset: "1",
+    stopOpacity: "0"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "e",
     x1: "18.17",
@@ -133,8 +133,8 @@ function MicrosoftOffice(_ref, ref) {
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopOpacity: ".4"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
-    stopOpacity: 0
+    offset: "1",
+    stopOpacity: "0"
   }))));
 }
 

package/color/MicrosoftOffice/m/index.js

@@ -97,7 +97,7 @@ function MicrosoftOffice(_ref, ref) {
     offset: ".94",
     stopColor: "#B95799"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#B85BA2"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "c",
@@ -121,8 +121,8 @@ function MicrosoftOffice(_ref, ref) {
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopOpacity: ".4"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
-    stopOpacity: 0
+    offset: "1",
+    stopOpacity: "0"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "e",
     x1: "12.38",
@@ -133,8 +133,8 @@ function MicrosoftOffice(_ref, ref) {
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopOpacity: ".4"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
-    stopOpacity: 0
+    offset: "1",
+    stopOpacity: "0"
   }))));
 }
 

package/color/MicrosoftOutlook/l/index.js

@@ -39,11 +39,11 @@ function MicrosoftOutlook(_ref, ref) {
     fill: "#0A2767",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 7,
-    y: 1,
-    width: 15,
-    height: 16,
-    rx: 1,
+    x: "7",
+    y: "1",
+    width: "15",
+    height: "16",
+    rx: "1",
     fill: "#0364B8"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M17 4h-5v5h5v5h5V9h-5V4Z",

package/color/MicrosoftOutlook/m/index.js

@@ -39,10 +39,10 @@ function MicrosoftOutlook(_ref, ref) {
     fill: "#0A2767",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 4,
-    width: 11,
-    height: 11,
-    rx: 1,
+    x: "4",
+    width: "11",
+    height: "11",
+    rx: "1",
     fill: "#0364B8"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M11.33 2H7.67v3.77h3.66v3.76H15V5.77h-3.67V2Z",

package/lib/MathMinus/s/index.js

@@ -41,10 +41,10 @@ function MathMinus(_ref, ref) {
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("rect", {
     id: "s-a",
-    width: 12,
-    height: 2,
-    x: 2,
-    y: 7
+    width: "12",
+    height: "2",
+    x: "2",
+    y: "7"
   }));
 }
 

package/lib/MathMinus/xs/index.js

@@ -40,10 +40,10 @@ function MathMinus(_ref, ref) {
     height: height,
     viewBox: viewBox
   }, props), /*#__PURE__*/_react["default"].createElement("rect", {
-    width: 10,
-    height: 2,
-    x: 1,
-    y: 5
+    width: "10",
+    height: "2",
+    x: "1",
+    y: "5"
   }));
 }
 

package/lib/cjs/Icon.js

@@ -46,16 +46,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SIcon_1n8nw_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_3mutke)}.___SIcon_1n8nw_gg_.__keyboardFocused_1n8nw_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_{cursor:pointer}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_:hover{color:var(--color-interactive_3mutke)}"
+".___SIcon_1ody4_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_1yueufi)}.___SIcon_1ody4_gg_.__keyboardFocused_1ody4_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SIcon_1ody4_gg_.__interactive_1ody4_gg_{cursor:pointer}.___SIcon_1ody4_gg_.__interactive_1ody4_gg_:hover{color:var(--color-interactive_1yueufi)}"
 /*__inner_css_end__*/
-, "3mutke_gg_")
+, "1yueufi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_1n8nw_gg_",
-  "--color": "--color_3mutke",
-  "_keyboardFocused": "__keyboardFocused_1n8nw_gg_",
-  "_interactive": "__interactive_1n8nw_gg_",
-  "--color-interactive": "--color-interactive_3mutke"
+  "__SIcon": "___SIcon_1ody4_gg_",
+  "--color": "--color_1yueufi",
+  "_keyboardFocused": "__keyboardFocused_1ody4_gg_",
+  "_interactive": "__interactive_1ody4_gg_",
+  "--color-interactive": "--color-interactive_1yueufi"
 }); // TODO: сделать useIcon?
 
 function Icon(props, ref) {

package/lib/cjs/index.d.ts

@@ -0,0 +1,17 @@
+import { IBoxProps } from '@semcore/flex-box';
+import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { ReturnEl } from '@semcore/core';
+
+export interface IIconProps extends IBoxProps, IKeyboardFocusProps {
+  width?: string | number;
+  height?: string | number;
+  viewBox?: string;
+  /** Make an icon interactive */
+  interactive?: boolean;
+  /** Icon color */
+  color?: string;
+}
+
+declare const Icon: <T>(props: IIconProps & T) => ReturnEl;
+
+export default Icon;

package/lib/cjs/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -13,21 +12,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Icon = _interopRequireWildcard(require("./Icon"));
-
-Object.keys(_Icon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Icon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Icon[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Icon = _interopRequireDefault(require("./Icon"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Icon';\nexport * from './Icon';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Icon';\n"],"file":"index.js"}

package/lib/cjs/style/icon.shadow.css

@@ -12,7 +12,7 @@ SIcon {
 }
 
 SIcon[keyboardFocused] {
-  box-shadow: var(--keyborad-focus);
+  box-shadow: var(--keyboard-focus);
 }
 
 SIcon[interactive] {

package/lib/es6/Icon.js

@@ -22,16 +22,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SIcon_1n8nw_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_3mutke)}.___SIcon_1n8nw_gg_.__keyboardFocused_1n8nw_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_{cursor:pointer}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_:hover{color:var(--color-interactive_3mutke)}"
+".___SIcon_1ody4_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_1yueufi)}.___SIcon_1ody4_gg_.__keyboardFocused_1ody4_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SIcon_1ody4_gg_.__interactive_1ody4_gg_{cursor:pointer}.___SIcon_1ody4_gg_.__interactive_1ody4_gg_:hover{color:var(--color-interactive_1yueufi)}"
 /*__inner_css_end__*/
-, "3mutke_gg_")
+, "1yueufi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_1n8nw_gg_",
-  "--color": "--color_3mutke",
-  "_keyboardFocused": "__keyboardFocused_1n8nw_gg_",
-  "_interactive": "__interactive_1n8nw_gg_",
-  "--color-interactive": "--color-interactive_3mutke"
+  "__SIcon": "___SIcon_1ody4_gg_",
+  "--color": "--color_1yueufi",
+  "_keyboardFocused": "__keyboardFocused_1ody4_gg_",
+  "_interactive": "__interactive_1ody4_gg_",
+  "--color-interactive": "--color-interactive_1yueufi"
 }); // TODO: сделать useIcon?
 
 function Icon(props, ref) {

package/lib/es6/index.d.ts

@@ -0,0 +1,17 @@
+import { IBoxProps } from '@semcore/flex-box';
+import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { ReturnEl } from '@semcore/core';
+
+export interface IIconProps extends IBoxProps, IKeyboardFocusProps {
+  width?: string | number;
+  height?: string | number;
+  viewBox?: string;
+  /** Make an icon interactive */
+  interactive?: boolean;
+  /** Icon color */
+  color?: string;
+}
+
+declare const Icon: <T>(props: IIconProps & T) => ReturnEl;
+
+export default Icon;

package/lib/es6/index.js

@@ -1,3 +1,2 @@
 export { default } from './Icon';
-export * from './Icon';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB;AACA,cAAc,QAAd","sourcesContent":["export { default } from './Icon';\nexport * from './Icon';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './Icon';\n"],"file":"index.js"}

package/lib/es6/style/icon.shadow.css

@@ -12,7 +12,7 @@ SIcon {
 }
 
 SIcon[keyboardFocused] {
-  box-shadow: var(--keyborad-focus);
+  box-shadow: var(--keyboard-focus);
 }
 
 SIcon[interactive] {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "SEMRush Icon Component",
-  "version": "2.20.0",
+  "version": "2.25.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -16,7 +16,8 @@
   },
   "dependencies": {
     "@semcore/utils": "^3.15",
-    "@semcore/flex-box": "^4"
+    "@semcore/flex-box": "^4",
+    "classnames": "2.2.6"
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
@@ -29,5 +30,8 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/icon"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }

package/pay/CreditCard/l/index.js

@@ -41,39 +41,39 @@ function CreditCard(_ref, ref) {
     fill: "#8A8E9B",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 4,
-    y: 6,
-    width: 12,
-    height: 3,
+    x: "4",
+    y: "6",
+    width: "12",
+    height: "3",
     rx: "1.5",
     fill: "#F4F5F9"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 4,
-    y: 16,
-    width: 4,
-    height: 2,
-    rx: 1,
+    x: "4",
+    y: "16",
+    width: "4",
+    height: "2",
+    rx: "1",
     fill: "#E0E1E9"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 10,
-    y: 16,
-    width: 4,
-    height: 2,
-    rx: 1,
+    x: "10",
+    y: "16",
+    width: "4",
+    height: "2",
+    rx: "1",
     fill: "#E0E1E9"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 16,
-    y: 16,
-    width: 4,
-    height: 2,
-    rx: 1,
+    x: "16",
+    y: "16",
+    width: "4",
+    height: "2",
+    rx: "1",
     fill: "#E0E1E9"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
-    x: 22,
-    y: 16,
-    width: 4,
-    height: 2,
-    rx: 1,
+    x: "22",
+    y: "16",
+    width: "4",
+    height: "2",
+    rx: "1",
     fill: "#E0E1E9"
   }));
 }

package/pay/CreditCard/m/index.js

@@ -42,10 +42,10 @@ function CreditCard(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2.63",
-    y: 4,
+    y: "4",
     width: "7.88",
-    height: 2,
-    rx: 1,
+    height: "2",
+    rx: "1",
     fill: "#F4F5F9"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2.63",

package/pay/Discover/l/index.js

@@ -64,15 +64,15 @@ function Discover(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("radialGradient", {
     id: "a",
-    cx: 0,
-    cy: 0,
-    r: 1,
+    cx: "0",
+    cy: "0",
+    r: "1",
     gradientUnits: "userSpaceOnUse",
     gradientTransform: "matrix(-1.5 -3 3 -1.5 18.5 13)"
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopColor: "#FF8400"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#CC3F00"
   }))));
 }

package/pay/Discover/m/index.js

@@ -64,15 +64,15 @@ function Discover(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("radialGradient", {
     id: "a",
-    cx: 0,
-    cy: 0,
-    r: 1,
+    cx: "0",
+    cy: "0",
+    r: "1",
     gradientUnits: "userSpaceOnUse",
     gradientTransform: "matrix(-.98438 -2 1.98103 -.97504 12.14 8.67)"
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopColor: "#FF8400"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#CC3F00"
   }))));
 }

package/pay/JCB/l/index.js

@@ -74,7 +74,7 @@ function JCB(_ref, ref) {
     offset: ".74",
     stopColor: "#40A737"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "b",
@@ -92,7 +92,7 @@ function JCB(_ref, ref) {
     offset: ".74",
     stopColor: "#40A737"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "c",
@@ -110,14 +110,14 @@ function JCB(_ref, ref) {
     offset: ".74",
     stopColor: "#40A737"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "d",
     x1: "2.01",
-    y1: 12,
+    y1: "12",
     x2: "10.14",
-    y2: 12,
+    y2: "12",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopColor: "#1F286F"
@@ -128,7 +128,7 @@ function JCB(_ref, ref) {
     offset: ".83",
     stopColor: "#0066B1"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#006FBC"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "e",
@@ -149,7 +149,7 @@ function JCB(_ref, ref) {
     offset: ".86",
     stopColor: "#DC0436"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#E60039"
   }))));
 }

package/pay/JCB/m/index.js

@@ -74,7 +74,7 @@ function JCB(_ref, ref) {
     offset: ".74",
     stopColor: "#40A737"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "b",
@@ -92,7 +92,7 @@ function JCB(_ref, ref) {
     offset: ".74",
     stopColor: "#40A737"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "c",
@@ -110,14 +110,14 @@ function JCB(_ref, ref) {
     offset: ".74",
     stopColor: "#40A737"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#5CB531"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "d",
     x1: "1.32",
-    y1: 8,
+    y1: "8",
     x2: "6.66",
-    y2: 8,
+    y2: "8",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopColor: "#1F286F"
@@ -128,7 +128,7 @@ function JCB(_ref, ref) {
     offset: ".83",
     stopColor: "#0066B1"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#006FBC"
   })), /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "e",
@@ -149,7 +149,7 @@ function JCB(_ref, ref) {
     offset: ".86",
     stopColor: "#DC0436"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#E60039"
   }))));
 }

package/pay/Visa/l/index.js

@@ -50,15 +50,15 @@ function Visa(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "a",
-    x1: 0,
-    y1: 24,
-    x2: 32,
-    y2: 24,
+    x1: "0",
+    y1: "24",
+    x2: "32",
+    y2: "24",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopColor: "#201D66"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#054CA4"
   }))));
 }

package/pay/Visa/m/index.js

@@ -50,15 +50,15 @@ function Visa(_ref, ref) {
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
     id: "a",
-    x1: 0,
-    y1: 16,
-    x2: 21,
-    y2: 16,
+    x1: "0",
+    y1: "16",
+    x2: "21",
+    y2: "16",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/_react["default"].createElement("stop", {
     stopColor: "#201D66"
   }), /*#__PURE__*/_react["default"].createElement("stop", {
-    offset: 1,
+    offset: "1",
     stopColor: "#054CA4"
   }))));
 }

package/src/index.js

@@ -1,2 +1 @@
 export { default } from './Icon';
-export * from './Icon';

package/src/style/icon.shadow.css

@@ -12,7 +12,7 @@ SIcon {
 }
 
 SIcon[keyboardFocused] {
-  box-shadow: var(--keyborad-focus);
+  box-shadow: var(--keyboard-focus);
 }
 
 SIcon[interactive] {

package/svg-new/icon/GoogleCloud/l.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.964 8.73404C20.4771 7.01477 19.4994 5.50096 18.1869 4.34375L15.2829 7.21524C16.3421 8.06769 17.0564 9.32233 17.1865 10.7425V11.6842C17.2029 11.6842 17.2181 11.6792 17.2345 11.6792C18.7011 11.6792 20 12.8595 20 14.3097C20 15.7598 18.7017 17 17.2352 17C17.2188 17 17.2036 16.9956 17.1872 16.995V17H12.9764H12V21H17.1865V20.9975C17.2029 20.9975 17.2181 21 17.2345 21C20.9653 21 24 17.9986 24 14.3103C24 11.984 22.7912 9.9331 20.964 8.73404Z" fill="#1976D2"/>
+<path d="M3.02454 8.74065C4.11928 4.85746 7.7286 2 12 2C14.3754 2 16.5398 2.89117 18.1869 4.34378L15.2829 7.21527C14.3861 6.49396 13.2436 6 12 6C10.494 6 9.10114 6.68537 8.1351 7.76069C7.69215 7.67035 7.23345 7.62292 6.76357 7.62292C5.38291 7.62292 4.09669 8.03459 3.02454 8.74065Z" fill="#FF3D00"/>
+<path d="M6.76551 17H6.76425C6.37836 17 5.99098 16.9174 5.66003 16.77L2.70825 19.6492C3.84067 20.4929 5.24278 21 6.76425 21H6.76551H12V17H6.76551Z" fill="#4CAF50"/>
+<path d="M4 14.3115C4 12.8627 5.29895 11.6824 6.76421 11.6824C7.83979 11.6824 8.77137 12.3212 9.19011 13.2399L12.1693 10.2941C10.9307 8.6691 8.97031 7.62305 6.76358 7.62305C3.03789 7.62305 0 10.6207 0 14.3115C0 16.4917 1.068 18.427 2.70821 19.6492L5.66 16.7701C4.73284 16.3592 4 15.3788 4 14.3115Z" fill="#FFC107"/>
+</svg>

package/svg-new/icon/GoogleCloud/m.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.976 5.60741C13.6514 4.43106 12.9996 3.3953 12.1246 2.60352L10.1886 4.56822C10.8947 5.15148 11.3709 6.00992 11.4577 6.98159V7.62595C11.4686 7.62595 11.4787 7.62254 11.4897 7.62254C12.4674 7.62254 13.3333 8.43013 13.3333 9.42231C13.3333 10.4145 12.4678 11.2631 11.4901 11.2631C11.4792 11.2631 11.4691 11.2601 11.4581 11.2597V11.2631H8.65095H8V13.9999H11.4577V13.9982C11.4686 13.9982 11.4787 13.9999 11.4897 13.9999C13.9768 13.9999 16 11.9463 16 9.42274C16 7.83106 15.1941 6.42782 13.976 5.60741Z" fill="#1976D2"/>
+<path d="M2.01636 5.61203C2.74619 2.95511 5.1524 1 7.99999 1C9.58357 1 11.0265 1.60975 12.1246 2.60364L10.1886 4.56835C9.59073 4.07482 8.82904 3.73685 7.99999 3.73685C6.99603 3.73685 6.06743 4.20579 5.4234 4.94154C5.1281 4.87972 4.8223 4.84727 4.50905 4.84727C3.5886 4.84727 2.73113 5.12894 2.01636 5.61203Z" fill="#FF3D00"/>
+<path d="M4.51032 11.2633H4.50948C4.25222 11.2633 3.99396 11.2068 3.77333 11.106L1.80548 13.0759C2.56043 13.6532 3.49516 14.0002 4.50948 14.0002H4.51032H8.00001V11.2633H4.51032Z" fill="#4CAF50"/>
+<path d="M2.66667 9.42351C2.66667 8.43218 3.53263 7.62459 4.50947 7.62459C5.22653 7.62459 5.84758 8.06172 6.12674 8.69027L8.11284 6.67471C7.28716 5.56289 5.98021 4.84717 4.50905 4.84717C2.02526 4.84717 0 6.89819 0 9.42351C0 10.9152 0.712 12.2394 1.80547 13.0756L3.77333 11.1057C3.15523 10.8245 2.66667 10.1538 2.66667 9.42351Z" fill="#FFC107"/>
+</svg>

package/svg-new/icon/IndentedResult/l.svg

@@ -0,0 +1 @@
+<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="M20 3a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h17a1 1 0 0 0 1-1V3Zm-2 6V4H3v5h15ZM23 14a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h17a1 1 0 0 0 1-1v-7Zm-2 6v-5H6v5h15Z"/></svg>

package/svg-new/icon/IndentedResult/m.svg

@@ -0,0 +1 @@
+<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="M13 2a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V2Zm-2 3V3H2v2h9ZM16 10a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4Zm-2 3v-2H5v2h9Z"/></svg>

package/svg-new/icon/UserGroup/l.svg

@@ -1 +1 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1 7a5 5 0 0 1 9.17-2.759 6.962 6.962 0 0 0-1.88.822A3 3 0 1 0 5.093 9.86a7.05 7.05 0 0 0-.033 2.05A5.002 5.002 0 0 1 1 7Zm4.674 7H4a4 4 0 0 0-4 4v1h2v-1a2 2 0 0 1 2-2h3.101a7.018 7.018 0 0 1-1.427-2ZM20 16h-3.101a7.018 7.018 0 0 0 1.427-2H20a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2Zm-1.059-4.088A5.002 5.002 0 0 0 18 2c-1.742 0-3.276.89-4.17 2.241a6.996 6.996 0 0 1 1.88.822 3 3 0 1 1 3.198 4.798 7.054 7.054 0 0 1 .033 2.05Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 11a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/><path d="M9 18a4 4 0 0 0-4 4v1h2v-1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1h2v-1a4 4 0 0 0-4-4H9Z"/></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 16h-3.101a7.018 7.018 0 0 0 1.427-2H17a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2ZM15.941 11.912A5.002 5.002 0 0 0 15 2c-1.742 0-3.276.89-4.17 2.241.671.182 1.303.461 1.88.822a3 3 0 1 1 3.198 4.798 7.054 7.054 0 0 1 .033 2.05Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/><path d="M6 18a4 4 0 0 0-4 4v1h2v-1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1h2v-1a4 4 0 0 0-4-4H6Z"/></svg>

package/svg-new/icon/UserGroup/m.svg

@@ -1 +1 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14 4a1 1 0 0 1-1.469.884C12.832 5.526 13 6.244 13 7a3 3 0 1 0-2.647-4.413C11 2.933 11.563 3.417 12 4a1 1 0 0 1 2 0ZM3.1 8H3a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h1a4.977 4.977 0 0 1-.9-2Zm8.9 2h1a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3h-.1a4.977 4.977 0 0 1-.9 2ZM3 5c.17 0 .329-.042.469-.116A4.974 4.974 0 0 0 3 7a3 3 0 1 1 2.647-4.413C5 2.933 4.437 3.417 4 4a1 1 0 1 0-1 1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path d="M6 11a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3H6Z"/></svg>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M10.027 3.766A5.514 5.514 0 0 0 8.77 1.994a3 3 0 1 1 1.65 4.95 5.529 5.529 0 0 0-.057-2.174 1 1 0 1 0-.334-1.004ZM12.5 10h-1.126a6.032 6.032 0 0 0-1.495-1.459c.091-.175.174-.355.246-.541H12.5a3.5 3.5 0 0 1 3.5 3.5V13h-2v-1.5a1.5 1.5 0 0 0-1.5-1.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path d="M3.5 10A3.5 3.5 0 0 0 0 13.5V15h2v-1.5A1.5 1.5 0 0 1 3.5 12h3A1.5 1.5 0 0 1 8 13.5V15h2v-1.5A3.5 3.5 0 0 0 6.5 10h-3Z"/></svg>

package/svg-new/icon/UserSharedFirst/l.svg

@@ -0,0 +1 @@
+<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="M4 8a5 5 0 1 1 10 0A5 5 0 0 1 4 8Zm5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/><path d="M1 19.5A4.5 4.5 0 0 1 5.5 15h7a4.5 4.5 0 0 1 4.5 4.5v.5h-2v-.5a2.5 2.5 0 0 0-2.5-2.5h-7A2.5 2.5 0 0 0 3 19.5v.5H1v-.5ZM16 12a1 1 0 0 1 1-1h2V9a1 1 0 1 1 2 0v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 0 1-1-1Z"/></svg>

package/svg-new/icon/UserSharedFirst/m.svg

@@ -0,0 +1 @@
+<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="M5 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM4 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/><path d="M3 10a3 3 0 0 0-3 3v1h2v-1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3H3ZM13 5a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0V9h-1a1 1 0 1 1 0-2h1V6a1 1 0 0 1 1-1Z"/></svg>

package/svg-new/icon/UserGroupNo/l.svg

@@ -1 +0,0 @@
-<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="m22.707 2.707-.97.97a5.002 5.002 0 0 1-2.795 8.234 7.068 7.068 0 0 0-.034-2.05 3.001 3.001 0 0 0 1.41-4.765l-3.787 3.787a5 5 0 0 1-6.648 6.648L7.414 18H15a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2H5.414l-2.707 2.707a1 1 0 0 1-1.414-1.414l20-20a1 1 0 1 1 1.414 1.414ZM11.462 13.952l3.49-3.49a3 3 0 0 1-3.49 3.49Z"/><path d="m1 19 1-1a2 2 0 0 1 2-2l1.782-1.782A7.017 7.017 0 0 1 5.674 14H4a4 4 0 0 0-4 4v1h1ZM12 6a4.99 4.99 0 0 1 1.703.297L12 8a3 3 0 0 0-3 3l-1.703 1.703A5 5 0 0 1 12 6Zm6-4c-1.742 0-3.276.89-4.17 2.241.485.132.95.314 1.388.54L18 2Z"/><path d="M1 7a5 5 0 0 1 9.17-2.759 6.962 6.962 0 0 0-1.88.822A3 3 0 1 0 5.093 9.86a7.05 7.05 0 0 0-.033 2.05A5.002 5.002 0 0 1 1 7Zm19 9h-3.101a7.018 7.018 0 0 0 1.427-2H20a4 4 0 0 1 4 4v1h-2v-1a2 2 0 0 0-2-2Z"/></svg>

package/svg-new/icon/UserGroupNo/m.svg

@@ -1 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m15.707 1.707-.389.389A3 3 0 0 1 13 7c0-.756-.168-1.474-.469-2.116a1 1 0 0 0 1.352-1.353l-2.931 2.931a3 3 0 0 1-3.49 3.49L6.414 11H10a3 3 0 0 1 3 3v1h-2v-1a1 1 0 0 0-1-1H4.414l-1.707 1.707-1 1a1 1 0 0 1-1.414-1.414l1-1 13-13a1 1 0 1 1 1.414 1.414ZM3 5c.17 0 .329-.042.469-.116A4.974 4.974 0 0 0 3 7a3 3 0 1 1 2.647-4.413C5 2.933 4.437 3.417 4 4a1 1 0 1 0-1 1Zm2 2 3-3a3 3 0 0 0-3 3ZM3.1 8c.049.24.115.476.197.703L0 12v-1a3 3 0 0 1 3-3h.1Z"/><path d="M12 10h1a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3h-.1a4.977 4.977 0 0 1-.9 2Z"/></svg>