@semcore/icon 2.32.2 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.0.0] - 2022-10-10
+
+### BREAK
+
+- Remove `AppBlock` icon, use `AppsBlock` instead.
+
+### Changed
+
+- Added support for React 18 🔥
+
+## [2.33.0] - 2022-10-06
+
+### Added
+
+- Added icon Stoller
+
 ## [2.32.2] - 2022-10-04
 
 ### Changed
@@ -54,18 +70,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/flex-box` [4.5.9 ~> 4.5.10]).
 
-## [2.29.4] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/flex-box` [4.5.8 ~> 4.5.9]).
-
-## [2.29.3] - 2022-08-01
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.0 ~> 3.35.1], `@semcore/flex-box` [4.5.7 ~> 4.5.8]).
-
 ## [2.29.2] - 2022-07-25
 
 ### Fixed

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Stoller/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/Stoller/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 Stoller(_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": "Stoller",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.129 5.89 6.535 8H13V1.818C13 .814 13.814 0 14.818 0h.682a7.5 7.5 0 0 1 0 15H10a5 5 0 0 1-5-5v-.696L3.466 7H2a1 1 0 0 1 0-2h1.465a2 2 0 0 1 1.664.89ZM13 10a2 2 0 0 0 2-2V2h.5a5.5 5.5 0 1 1 0 11H10a3 3 0 0 1-3-3h6ZM7 20a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM15 20a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+Stoller.displayName = 'Stoller';
+
+var _default = (0, _core.createBaseComponent)(Stoller);
+
+exports["default"] = _default;

package/Stoller/l/index.mjs

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function Stoller({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Stoller",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.129 5.89 6.535 8H13V1.818C13 .814 13.814 0 14.818 0h.682a7.5 7.5 0 0 1 0 15H10a5 5 0 0 1-5-5v-.696L3.466 7H2a1 1 0 0 1 0-2h1.465a2 2 0 0 1 1.664.89ZM13 10a2 2 0 0 0 2-2V2h.5a5.5 5.5 0 1 1 0 11H10a3 3 0 0 1-3-3h6ZM7 20a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM15 20a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+Stoller.displayName = 'Stoller';
+export default createBaseComponent(Stoller);

package/Stoller/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/Stoller/m/index.js

@@ -0,0 +1,52 @@
+"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 Stoller(_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": "Stoller",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 0a1 1 0 0 0-1 1v4H3.766l-.909-1.514A1 1 0 0 0 2 3H1a1 1 0 0 0 0 2h.434L2 5.946A1.016 1.016 0 0 0 2 6v1a4 4 0 0 0 4 4h3.5a5.5 5.5 0 1 0 0-11H8ZM7 7a2 2 0 0 0 2-2V2h.5a3.486 3.486 0 0 1 1.668.422A3.5 3.5 0 0 1 9.5 9H6a2 2 0 0 1-2-2h3Z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4 14.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM10.5 13a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+Stoller.displayName = 'Stoller';
+
+var _default = (0, _core.createBaseComponent)(Stoller);
+
+exports["default"] = _default;

package/Stoller/m/index.mjs

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function Stoller({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Stoller",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 0a1 1 0 0 0-1 1v4H3.766l-.909-1.514A1 1 0 0 0 2 3H1a1 1 0 0 0 0 2h.434L2 5.946A1.016 1.016 0 0 0 2 6v1a4 4 0 0 0 4 4h3.5a5.5 5.5 0 1 0 0-11H8ZM7 7a2 2 0 0 0 2-2V2h.5a3.486 3.486 0 0 1 1.668.422A3.5 3.5 0 0 1 9.5 9H6a2 2 0 0 1-2-2h3Z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4 14.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM10.5 13a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+Stoller.displayName = 'Stoller';
+export default createBaseComponent(Stoller);

package/lib/cjs/Icon.js

@@ -48,16 +48,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SIcon_14v9a_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:none;color:var(--color_14v9a)}.___SIcon_14v9a_gg_.__keyboardFocused_14v9a_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SIcon_14v9a_gg_.__interactive_14v9a_gg_{cursor:pointer}.___SIcon_14v9a_gg_.__interactive_14v9a_gg_:hover{color:var(--color-interactive_14v9a)}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SIcon_1qc50_gg_ {\n  display: inline-block;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  shape-rendering: geometricPrecision;\n  box-sizing: content-box;\n  fill: currentColor;\n  flex-shrink: 0;\n  outline: none;\n  color: var(--color_1qc50);\n}\n\n.___SIcon_1qc50_gg_.__keyboardFocused_1qc50_gg_ {\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_ {\n  cursor: pointer\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_:hover {\n    color: var(--color-interactive_1qc50);\n  }\n"
 /*__inner_css_end__*/
-, "14v9a_gg_")
+, "1qc50_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_14v9a_gg_",
-  "--color": "--color_14v9a",
-  "_keyboardFocused": "__keyboardFocused_14v9a_gg_",
-  "_interactive": "__interactive_14v9a_gg_",
-  "--color-interactive": "--color-interactive_14v9a"
+  "__SIcon": "___SIcon_1qc50_gg_",
+  "--color": "--color_1qc50",
+  "_keyboardFocused": "__keyboardFocused_1qc50_gg_",
+  "_interactive": "__interactive_1qc50_gg_",
+  "--color-interactive": "--color-interactive_1qc50"
 });
 
 function Icon(props, ref) {

package/lib/es6/Icon.js

@@ -23,16 +23,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SIcon_14v9a_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:none;color:var(--color_14v9a)}.___SIcon_14v9a_gg_.__keyboardFocused_14v9a_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SIcon_14v9a_gg_.__interactive_14v9a_gg_{cursor:pointer}.___SIcon_14v9a_gg_.__interactive_14v9a_gg_:hover{color:var(--color-interactive_14v9a)}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SIcon_1qc50_gg_ {\n  display: inline-block;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  shape-rendering: geometricPrecision;\n  box-sizing: content-box;\n  fill: currentColor;\n  flex-shrink: 0;\n  outline: none;\n  color: var(--color_1qc50);\n}\n\n.___SIcon_1qc50_gg_.__keyboardFocused_1qc50_gg_ {\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_ {\n  cursor: pointer\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_:hover {\n    color: var(--color-interactive_1qc50);\n  }\n"
 /*__inner_css_end__*/
-, "14v9a_gg_")
+, "1qc50_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_14v9a_gg_",
-  "--color": "--color_14v9a",
-  "_keyboardFocused": "__keyboardFocused_14v9a_gg_",
-  "_interactive": "__interactive_14v9a_gg_",
-  "--color-interactive": "--color-interactive_14v9a"
+  "__SIcon": "___SIcon_1qc50_gg_",
+  "--color": "--color_1qc50",
+  "_keyboardFocused": "__keyboardFocused_1qc50_gg_",
+  "_interactive": "__interactive_1qc50_gg_",
+  "--color-interactive": "--color-interactive_1qc50"
 });
 
 function Icon(props, ref) {

package/package.json

@@ -1,20 +1,13 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "2.32.2",
+  "version": "3.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "parsing": "icon-transform-svg parsing",
-    "transform": "icon-transform-svg",
-    "build": "pnpm run clean && pnpm semcore-builder --source=js && pnpm icon-transform-svg --configFile=./transform-svg-legacy.config.js && pnpm icon-transform-svg --configFile=./transform-svg.config.js",
-    "test": "jest",
-    "clean": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new|node_modules|AppBlock\" | xargs rm -rf"
-  },
   "dependencies": {
     "@semcore/utils": "^3.15",
     "@semcore/flex-box": "^4",
@@ -22,7 +15,7 @@
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
-    "react": "16.8 - 17"
+    "react": "16.8 - 18"
   },
   "jest": {
     "preset": "@semcore/jest-preset-ui"
@@ -33,8 +26,15 @@
     "directory": "semcore/icon"
   },
   "devDependencies": {
-    "@types/react": "16.8 - 17",
+    "@types/react": "18.0.21",
     "@semcore/jest-preset-ui": "1.0.0",
     "@semcore/icon-transform-svg": "1.0.0"
+  },
+  "scripts": {
+    "parsing": "icon-transform-svg parsing",
+    "transform": "icon-transform-svg",
+    "build": "pnpm run clean && pnpm semcore-builder --source=js && pnpm icon-transform-svg --configFile=./transform-svg-legacy.config.js && pnpm icon-transform-svg --configFile=./transform-svg.config.js",
+    "test": "jest",
+    "clean": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new|node_modules\" | xargs rm -rf"
   }
-}
+}

package/svg-new/icon/Stoller/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="M5.129 5.89 6.535 8H13V1.818C13 .814 13.814 0 14.818 0h.682a7.5 7.5 0 0 1 0 15H10a5 5 0 0 1-5-5v-.696L3.466 7H2a1 1 0 0 1 0-2h1.465a2 2 0 0 1 1.664.89ZM13 10a2 2 0 0 0 2-2V2h.5a5.5 5.5 0 1 1 0 11H10a3 3 0 0 1-3-3h6ZM7 20a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM15 20a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>

package/svg-new/icon/Stoller/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="M8 0a1 1 0 0 0-1 1v4H3.766l-.909-1.514A1 1 0 0 0 2 3H1a1 1 0 0 0 0 2h.434L2 5.946A1.016 1.016 0 0 0 2 6v1a4 4 0 0 0 4 4h3.5a5.5 5.5 0 1 0 0-11H8ZM7 7a2 2 0 0 0 2-2V2h.5a3.486 3.486 0 0 1 1.668.422A3.5 3.5 0 0 1 9.5 9H6a2 2 0 0 1-2-2h3Z"/><path d="M4 14.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM10.5 13a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>

package/AppBlock/l/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
- *  */
-declare const _default: typeof import('../../AppsBlock/l');
-export default _default;

package/AppBlock/l/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-
-var AppsBlock = require('../../AppsBlock/l');
-
-/**
- * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
- *  */
-var AppBlock = AppsBlock;
-
-exports['default'] = AppBlock;

package/AppBlock/l/index.mjs

@@ -1,8 +0,0 @@
-import AppsBlock from '../../AppsBlock/l';
-
-/**
- * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
- *  */
-const AppBlock = AppsBlock;
-
-export default AppBlock;

package/AppBlock/m/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
- *  */
-declare const _default: typeof import('../../AppsBlock/m');
-export default _default;

package/AppBlock/m/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-
-var AppsBlock = require('../../AppsBlock/m');
-
-/**
- * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
- *  */
-var AppBlock = AppsBlock;
-
-exports['default'] = AppBlock;

package/AppBlock/m/index.mjs

@@ -1,8 +0,0 @@
-import AppsBlock from '../../AppsBlock/m';
-
-/**
- * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
- *  */
-const AppBlock = AppsBlock;
-
-export default AppBlock;