@semcore/icon 2.28.0 → 2.29.2

package/AppBlock/l/index.d.ts

@@ -1,7 +1,5 @@
-
-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>>, {}, {}>;
+/**
+ * @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,49 +1,14 @@
-"use strict";
+'use strict';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 AppBlock(_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": "AppBlock",
-    "data-group": "l",
-    width: width,
-    height: height,
-    viewBox: viewBox
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5ZM3 14a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5ZM13 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4Zm2 5V5h4v4h-4ZM17 13a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2a1 1 0 0 0-1-1Z",
-    shapeRendering: "geometricPrecision"
-  }));
-}
 
-AppBlock.displayName = 'AppBlock';
+var AppsBlock = require('../../AppsBlock/l');
 
-var _default = (0, _core.createBaseComponent)(AppBlock);
+/**
+ * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
+ *  */
+var AppBlock = AppsBlock;
 
-exports["default"] = _default;
+exports['default'] = AppBlock;

package/AppBlock/l/index.mjs

@@ -1,29 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import AppsBlock from '../../AppsBlock/l';
 
-import React from 'react';
-import { createBaseComponent } from '@semcore/core';
-import Icon from '@semcore/icon';
+/**
+ * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
+ *  */
+const AppBlock = AppsBlock;
 
-function AppBlock({
-  width = '24',
-  height = '24',
-  viewBox = '0 0 24 24',
-  ...props
-}, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    ref: ref,
-    "data-name": "AppBlock",
-    "data-group": "l",
-    width: width,
-    height: height,
-    viewBox: viewBox
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5ZM3 14a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5ZM13 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4Zm2 5V5h4v4h-4ZM17 13a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2a1 1 0 0 0-1-1Z",
-    shapeRendering: "geometricPrecision"
-  }));
-}
-
-AppBlock.displayName = 'AppBlock';
-export default createBaseComponent(AppBlock);
+export default AppBlock;

package/AppBlock/m/index.d.ts

@@ -1,7 +1,5 @@
-
-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>>, {}, {}>;
+/**
+ * @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,53 +1,14 @@
-"use strict";
+'use strict';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 AppBlock(_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": "AppBlock",
-    "data-group": "m",
-    width: width,
-    height: height,
-    viewBox: viewBox
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm2 3V3h2v2H3ZM9 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V2Zm2 3V3h2v2h-2ZM1 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-4Zm2 3v-2h2v2H3Z",
-    fill: "#191B23",
-    shapeRendering: "geometricPrecision"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M11 10a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1Z",
-    shapeRendering: "geometricPrecision"
-  }));
-}
 
-AppBlock.displayName = 'AppBlock';
+var AppsBlock = require('../../AppsBlock/m');
 
-var _default = (0, _core.createBaseComponent)(AppBlock);
+/**
+ * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
+ *  */
+var AppBlock = AppsBlock;
 
-exports["default"] = _default;
+exports['default'] = AppBlock;

package/AppBlock/m/index.mjs

@@ -1,33 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import AppsBlock from '../../AppsBlock/m';
 
-import React from 'react';
-import { createBaseComponent } from '@semcore/core';
-import Icon from '@semcore/icon';
+/**
+ * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
+ *  */
+const AppBlock = AppsBlock;
 
-function AppBlock({
-  width = '16',
-  height = '16',
-  viewBox = '0 0 16 16',
-  ...props
-}, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    ref: ref,
-    "data-name": "AppBlock",
-    "data-group": "m",
-    width: width,
-    height: height,
-    viewBox: viewBox
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm2 3V3h2v2H3ZM9 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V2Zm2 3V3h2v2h-2ZM1 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-4Zm2 3v-2h2v2H3Z",
-    fill: "#191B23",
-    shapeRendering: "geometricPrecision"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11 10a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1Z",
-    shapeRendering: "geometricPrecision"
-  }));
-}
-
-AppBlock.displayName = 'AppBlock';
-export default createBaseComponent(AppBlock);
+export default AppBlock;

package/AppsBlock/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/AppsBlock/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 AppsBlock(_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": "AppsBlock",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5ZM3 14a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5ZM13 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4Zm2 5V5h4v4h-4ZM17 13a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2a1 1 0 0 0-1-1Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+AppsBlock.displayName = 'AppsBlock';
+
+var _default = (0, _core.createBaseComponent)(AppsBlock);
+
+exports["default"] = _default;

package/AppsBlock/l/index.mjs

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function AppsBlock({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "AppsBlock",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm2 5V5h4v4H5ZM3 14a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm2 5v-4h4v4H5ZM13 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4Zm2 5V5h4v4h-4ZM17 13a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2a1 1 0 0 0-1-1Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+AppsBlock.displayName = 'AppsBlock';
+export default createBaseComponent(AppsBlock);

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

@@ -0,0 +1,53 @@
+"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 AppsBlock(_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": "AppsBlock",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm2 3V3h2v2H3ZM9 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V2Zm2 3V3h2v2h-2ZM1 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-4Zm2 3v-2h2v2H3Z",
+    fill: "#191B23",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11 10a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+AppsBlock.displayName = 'AppsBlock';
+
+var _default = (0, _core.createBaseComponent)(AppsBlock);
+
+exports["default"] = _default;

package/AppsBlock/m/index.mjs

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function AppsBlock({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "AppsBlock",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm2 3V3h2v2H3ZM9 2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V2Zm2 3V3h2v2h-2ZM1 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-4Zm2 3v-2h2v2H3Z",
+    fill: "#191B23",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11 10a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+AppsBlock.displayName = 'AppsBlock';
+export default createBaseComponent(AppsBlock);

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.29.2] - 2022-07-25
+
+### Fixed
+
+- Fixed typo for `AppsBlock` icon name.
+
+## [2.29.1] - 2022-07-22
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/flex-box` [4.5.6 ~> 4.5.7]).
+
+## [2.29.0] - 2022-07-21
+
+### Added
+
+- Added icon `ClusteredList`.
+
 ## [2.28.0] - 2022-07-07
 
 ### Added

package/ClusteredList/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/ClusteredList/l/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 ClusteredList(_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": "ClusteredList",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM4.5 22a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM19.5 22a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M16.515 7.65c.309-.646.483-1.37.485-2.134a8.991 8.991 0 0 1 3.972 8.204 4.998 4.998 0 0 0-1.992-.193 6.985 6.985 0 0 0-2.465-5.876ZM14.6 19.501c.137.672.408 1.296.785 1.84A8.974 8.974 0 0 1 12 22a8.973 8.973 0 0 1-3.385-.658 4.973 4.973 0 0 0 .785-1.84A6.982 6.982 0 0 0 12 20c.919 0 1.796-.177 2.6-.499ZM4.5 13.5c-.512 0-1.006.077-1.472.22A8.991 8.991 0 0 1 7 5.515a4.98 4.98 0 0 0 .485 2.136 6.985 6.985 0 0 0-2.465 5.876 5.066 5.066 0 0 0-.52-.027Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+ClusteredList.displayName = 'ClusteredList';
+
+var _default = (0, _core.createBaseComponent)(ClusteredList);
+
+exports["default"] = _default;

package/ClusteredList/l/index.mjs

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function ClusteredList({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "ClusteredList",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM4.5 22a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM19.5 22a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.515 7.65c.309-.646.483-1.37.485-2.134a8.991 8.991 0 0 1 3.972 8.204 4.998 4.998 0 0 0-1.992-.193 6.985 6.985 0 0 0-2.465-5.876ZM14.6 19.501c.137.672.408 1.296.785 1.84A8.974 8.974 0 0 1 12 22a8.973 8.973 0 0 1-3.385-.658 4.973 4.973 0 0 0 .785-1.84A6.982 6.982 0 0 0 12 20c.919 0 1.796-.177 2.6-.499ZM4.5 13.5c-.512 0-1.006.077-1.472.22A8.991 8.991 0 0 1 7 5.515a4.98 4.98 0 0 0 .485 2.136 6.985 6.985 0 0 0-2.465 5.876 5.066 5.066 0 0 0-.52-.027Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+ClusteredList.displayName = 'ClusteredList';
+export default createBaseComponent(ClusteredList);

package/ClusteredList/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/ClusteredList/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 ClusteredList(_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": "ClusteredList",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM2.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM13.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11.5 2.5c0 .573-.138 1.114-.382 1.591A4.99 4.99 0 0 1 13 8v.035a3.529 3.529 0 0 1 1.992.298 6.998 6.998 0 0 0-3.542-6.425c.033.192.05.39.05.592ZM4.5 2.5c0 .573.138 1.114.382 1.591A4.99 4.99 0 0 0 3 8v.035a3.53 3.53 0 0 0-1.992.298A6.998 6.998 0 0 1 4.55 1.908c-.033.192-.05.39-.05.592ZM4.735 14.194a3.503 3.503 0 0 0 1.115-1.678A4.98 4.98 0 0 0 8 13a4.98 4.98 0 0 0 2.15-.484 3.504 3.504 0 0 0 1.115 1.678A6.968 6.968 0 0 1 8 15c-1.18 0-2.29-.291-3.265-.806Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+ClusteredList.displayName = 'ClusteredList';
+
+var _default = (0, _core.createBaseComponent)(ClusteredList);
+
+exports["default"] = _default;

package/ClusteredList/m/index.mjs

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function ClusteredList({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "ClusteredList",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM2.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM13.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.5 2.5c0 .573-.138 1.114-.382 1.591A4.99 4.99 0 0 1 13 8v.035a3.529 3.529 0 0 1 1.992.298 6.998 6.998 0 0 0-3.542-6.425c.033.192.05.39.05.592ZM4.5 2.5c0 .573.138 1.114.382 1.591A4.99 4.99 0 0 0 3 8v.035a3.53 3.53 0 0 0-1.992.298A6.998 6.998 0 0 1 4.55 1.908c-.033.192-.05.39-.05.592ZM4.735 14.194a3.503 3.503 0 0 0 1.115-1.678A4.98 4.98 0 0 0 8 13a4.98 4.98 0 0 0 2.15-.484 3.504 3.504 0 0 0 1.115 1.678A6.968 6.968 0 0 1 8 15c-1.18 0-2.29-.291-3.265-.806Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+ClusteredList.displayName = 'ClusteredList';
+export default createBaseComponent(ClusteredList);

package/README.md

@@ -42,12 +42,12 @@ of the components that is discussed below. There should only be one version of t
 
 You can use the package the same way but without `/ui/` in the import path.
 
- </details>
-
 ```jsx
 import Accordion from '@semcore/icon';
 ```
 
+</details>
+
 ## 👤 Author
 
 [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)

package/lib/cjs/Icon.js

@@ -46,16 +46,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___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)}"
+".___SIcon_1kdcr_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_1kdcr)}.___SIcon_1kdcr_gg_.__keyboardFocused_1kdcr_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SIcon_1kdcr_gg_.__interactive_1kdcr_gg_{cursor:pointer}.___SIcon_1kdcr_gg_.__interactive_1kdcr_gg_:hover{color:var(--color-interactive_1kdcr)}"
 /*__inner_css_end__*/
-, "1yueufi_gg_")
+, "1kdcr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_1ody4_gg_",
-  "--color": "--color_1yueufi",
-  "_keyboardFocused": "__keyboardFocused_1ody4_gg_",
-  "_interactive": "__interactive_1ody4_gg_",
-  "--color-interactive": "--color-interactive_1yueufi"
+  "__SIcon": "___SIcon_1kdcr_gg_",
+  "--color": "--color_1kdcr",
+  "_keyboardFocused": "__keyboardFocused_1kdcr_gg_",
+  "_interactive": "__interactive_1kdcr_gg_",
+  "--color-interactive": "--color-interactive_1kdcr"
 });
 
 function Icon(props, ref) {

package/lib/cjs/Icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Icon.jsx"],"names":["Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","cn","className","style","Object","assign","undefined","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;AACxB,gBAAuB;AAEnBC,IAAAA,GAAG,EAAE,KAFc;AAGnB,oBAAgB,MAHG;AAInBC,IAAAA,KAAK,EAAE,EAJY;AAKnBC,IAAAA,MAAM,EAAE,EALW;AAMnBC,IAAAA,OAAO,EAAE;AANU,KAOhBL,KAPgB,GASrBC,GATqB,CAAvB;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,KAAd;;AAYA,MAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;AAAA,MAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;AACA,MAAMA,KAAK,GAAG,uBAAaD,UAAb,CAAd;;AACA,8BAAyD;AACvDE,IAAAA,QAAQ,EAAE,CAACH;AAD4C,KAEpDD,KAFoD,EAAzD;AAAA,MAAQK,eAAR,yBAAQA,eAAR;AAAA,MAA4BC,wBAA5B;;AAIA,MAAMC,OAAO,GAAG,mBAAQC,MAAR,CAAhB;;AACA,oBAA6BD,OAAO,CAACE,EAAR,CAAW,OAAX,EAAoB;AAC/C,yBAAqB,kBAAMN,KAAN,EAAa,CAAC,IAAd,CAD0B;AAE/C,iBAAaA,KAFkC;AAG/CF,IAAAA,WAAW,EAAEA,WAHkC;AAI/CI,IAAAA,eAAe,EAAEA;AAJ8B,GAApB,CAA7B;AAAA,MAAQK,SAAR,eAAQA,SAAR;AAAA,MAAmBC,KAAnB,eAAmBA,KAAnB;;AAOA,sBACE,gCAAC,KAAD,gCACM,iCAAgBL,wBAAhB,CADN;AAEE,IAAA,KAAK,EAAEM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBL,wBAAwB,CAACK,KAAlD,EAAyDlB,KAAK,CAACkB,KAA/D,CAFT;AAGE,IAAA,SAAS,EAAE,4BAAGD,SAAH,EAAcJ,wBAAwB,CAACI,SAAvC,EAAkDjB,KAAK,CAACiB,SAAxD,KAAsEI;AAHnF,KADF;AAOD;;AAEDtB,IAAI,CAACuB,WAAL,GAAmB,MAAnB;;eAEe,+BAAoBvB,IAApB,C","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  return (\n    <SIcon\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"file":"Icon.js"}
+{"version":3,"file":"Icon.js","names":["Icon","props","ref","useBox","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","resolveColor","keyboardFocusEnhance","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","sstyled","styles","cn","shade","className","style","propsForElement","Object","assign","undefined","displayName","createBaseComponent"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  return (\n    <SIcon\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;EACxB,cAAuB,IAAAC,eAAA;IAEnBC,GAAG,EAAE,KAFc;IAGnB,gBAAgB,MAHG;IAInBC,KAAK,EAAE,EAJY;IAKnBC,MAAM,EAAE,EALW;IAMnBC,OAAO,EAAE;EANU,GAOhBN,KAPgB,GASrBC,GATqB,CAAvB;EAAA;EAAA,IAAOM,KAAP;EAAA,IAAcC,KAAd;;EAYA,IAAQC,WAAR,GAA2CT,KAA3C,CAAQS,WAAR;EAAA,IAA4BC,UAA5B,GAA2CV,KAA3C,CAAqBW,KAArB;EACA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAaF,UAAb,CAAd;;EACA,4BAAyD,IAAAG,iCAAA;IACvDC,QAAQ,EAAE,CAACL;EAD4C,GAEpDD,KAFoD,EAAzD;EAAA,IAAQO,eAAR,yBAAQA,eAAR;EAAA,IAA4BC,wBAA5B;;EAIA,IAAMC,OAAO,GAAG,IAAAC,aAAA,EAAQC,MAAR,CAAhB;;EACA,kBAA6BF,OAAO,CAACG,EAAR,CAAW,OAAX,EAAoB;IAC/C,qBAAqB,IAAAC,YAAA,EAAMV,KAAN,EAAa,CAAC,IAAd,CAD0B;IAE/C,aAAaA,KAFkC;IAG/CF,WAAW,EAAEA,WAHkC;IAI/CM,eAAe,EAAEA;EAJ8B,CAApB,CAA7B;EAAA,IAAQO,SAAR,eAAQA,SAAR;EAAA,IAAmBC,KAAnB,eAAmBA,KAAnB;;EAOA,oBACE,gCAAC,KAAD,gCACM,IAAAC,2BAAA,EAAgBR,wBAAhB,CADN;IAEE,KAAK,EAAES,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBH,KAAlB,EAAyBP,wBAAwB,CAACO,KAAlD,EAAyDvB,KAAK,CAACuB,KAA/D,CAFT;IAGE,SAAS,EAAE,IAAAH,sBAAA,EAAGE,SAAH,EAAcN,wBAAwB,CAACM,SAAvC,EAAkDtB,KAAK,CAACsB,SAAxD,KAAsEK;EAHnF,GADF;AAOD;;AAED5B,IAAI,CAAC6B,WAAL,GAAmB,MAAnB;;eAEe,IAAAC,yBAAA,EAAoB9B,IAApB,C"}

package/lib/cjs/index.js.map

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

package/lib/es6/Icon.js

@@ -22,16 +22,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___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)}"
+".___SIcon_1kdcr_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_1kdcr)}.___SIcon_1kdcr_gg_.__keyboardFocused_1kdcr_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SIcon_1kdcr_gg_.__interactive_1kdcr_gg_{cursor:pointer}.___SIcon_1kdcr_gg_.__interactive_1kdcr_gg_:hover{color:var(--color-interactive_1kdcr)}"
 /*__inner_css_end__*/
-, "1yueufi_gg_")
+, "1kdcr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_1ody4_gg_",
-  "--color": "--color_1yueufi",
-  "_keyboardFocused": "__keyboardFocused_1ody4_gg_",
-  "_interactive": "__interactive_1ody4_gg_",
-  "--color-interactive": "--color-interactive_1yueufi"
+  "__SIcon": "___SIcon_1kdcr_gg_",
+  "--color": "--color_1kdcr",
+  "_keyboardFocused": "__keyboardFocused_1kdcr_gg_",
+  "_interactive": "__interactive_1kdcr_gg_",
+  "--color-interactive": "--color-interactive_1kdcr"
 });
 
 function Icon(props, ref) {

package/lib/es6/Icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Icon.jsx"],"names":["React","cn","createBaseComponent","sstyled","useBox","resolveColor","shade","keyboardFocusEnhance","propsForElement","Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","className","style","Object","assign","undefined","displayName"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;AACA,SAASC,mBAAT,EAA8BC,OAA9B,QAA6C,eAA7C;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,eAAP,MAA4B,oCAA5B;;;;;;;;;;;;;;;;;;;AAIA,SAASC,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;AACxB,gBAAuBP,MAAM;AAEzBQ,IAAAA,GAAG,EAAE,KAFoB;AAGzB,oBAAgB,MAHS;AAIzBC,IAAAA,KAAK,EAAE,EAJkB;AAKzBC,IAAAA,MAAM,EAAE,EALiB;AAMzBC,IAAAA,OAAO,EAAE;AANgB,KAOtBL,KAPsB,GAS3BC,GAT2B,CAA7B;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,KAAd;;AAYA,MAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;AAAA,MAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;AACA,MAAMA,KAAK,GAAGf,YAAY,CAACc,UAAD,CAA1B;;AACA,8BAAyDZ,oBAAoB;AAC3Ec,IAAAA,QAAQ,EAAE,CAACH;AADgE,KAExED,KAFwE,EAA7E;AAAA,MAAQK,eAAR,yBAAQA,eAAR;AAAA,MAA4BC,wBAA5B;;AAIA,MAAMC,OAAO,GAAGrB,OAAO,CAACsB,MAAD,CAAvB;;AACA,oBAA6BD,OAAO,CAACvB,EAAR,CAAW,OAAX,EAAoB;AAC/C,yBAAqBK,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CADqB;AAE/C,iBAAaA,KAFkC;AAG/CF,IAAAA,WAAW,EAAEA,WAHkC;AAI/CI,IAAAA,eAAe,EAAEA;AAJ8B,GAApB,CAA7B;AAAA,MAAQI,SAAR,eAAQA,SAAR;AAAA,MAAmBC,KAAnB,eAAmBA,KAAnB;;AAOA,sBACE,oBAAC,KAAD,eACMnB,eAAe,CAACe,wBAAD,CADrB;AAEE,IAAA,KAAK,EAAEK,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBJ,wBAAwB,CAACI,KAAlD,EAAyDjB,KAAK,CAACiB,KAA/D,CAFT;AAGE,IAAA,SAAS,EAAE1B,EAAE,CAACyB,SAAD,EAAYH,wBAAwB,CAACG,SAArC,EAAgDhB,KAAK,CAACgB,SAAtD,CAAF,IAAsEI;AAHnF,KADF;AAOD;;AAEDrB,IAAI,CAACsB,WAAL,GAAmB,MAAnB;AAEA,eAAe7B,mBAAmB,CAACO,IAAD,CAAlC","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  return (\n    <SIcon\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"file":"Icon.js"}
+{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","resolveColor","shade","keyboardFocusEnhance","propsForElement","Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","className","style","Object","assign","undefined","displayName"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'color-interactive': shade(color, -0.12),\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  return (\n    <SIcon\n      {...propsForElement(propsWithKeyboardEnhance)}\n      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;AACA,SAASC,mBAAT,EAA8BC,OAA9B,QAA6C,eAA7C;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,eAAP,MAA4B,oCAA5B;;;;;;;;;;;;;;;;;;;AAIA,SAASC,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;EACxB,cAAuBP,MAAM;IAEzBQ,GAAG,EAAE,KAFoB;IAGzB,gBAAgB,MAHS;IAIzBC,KAAK,EAAE,EAJkB;IAKzBC,MAAM,EAAE,EALiB;IAMzBC,OAAO,EAAE;EANgB,GAOtBL,KAPsB,GAS3BC,GAT2B,CAA7B;EAAA;EAAA,IAAOK,KAAP;EAAA,IAAcC,KAAd;;EAYA,IAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;EAAA,IAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;EACA,IAAMA,KAAK,GAAGf,YAAY,CAACc,UAAD,CAA1B;;EACA,4BAAyDZ,oBAAoB;IAC3Ec,QAAQ,EAAE,CAACH;EADgE,GAExED,KAFwE,EAA7E;EAAA,IAAQK,eAAR,yBAAQA,eAAR;EAAA,IAA4BC,wBAA5B;;EAIA,IAAMC,OAAO,GAAGrB,OAAO,CAACsB,MAAD,CAAvB;;EACA,kBAA6BD,OAAO,CAACvB,EAAR,CAAW,OAAX,EAAoB;IAC/C,qBAAqBK,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CADqB;IAE/C,aAAaA,KAFkC;IAG/CF,WAAW,EAAEA,WAHkC;IAI/CI,eAAe,EAAEA;EAJ8B,CAApB,CAA7B;EAAA,IAAQI,SAAR,eAAQA,SAAR;EAAA,IAAmBC,KAAnB,eAAmBA,KAAnB;;EAOA,oBACE,oBAAC,KAAD,eACMnB,eAAe,CAACe,wBAAD,CADrB;IAEE,KAAK,EAAEK,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBJ,wBAAwB,CAACI,KAAlD,EAAyDjB,KAAK,CAACiB,KAA/D,CAFT;IAGE,SAAS,EAAE1B,EAAE,CAACyB,SAAD,EAAYH,wBAAwB,CAACG,SAArC,EAAgDhB,KAAK,CAACgB,SAAtD,CAAF,IAAsEI;EAHnF,GADF;AAOD;;AAEDrB,IAAI,CAACsB,WAAL,GAAmB,MAAnB;AAEA,eAAe7B,mBAAmB,CAACO,IAAD,CAAlC"}

package/lib/es6/index.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "SEMRush Icon Component",
-  "version": "2.28.0",
+  "version": "2.29.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -13,7 +13,7 @@
     "transform": "icon-transform-svg",
     "build": "build --source=js && npm run transform -- --configFile=transform-svg-legacy.config.js && npm run transform -- --configFile=transform-svg.config.js",
     "test": "jest",
-    "prebuild": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new\" | xargs rm -rf"
+    "prebuild": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new|AppBlock\" | xargs rm -rf"
   },
   "dependencies": {
     "@semcore/utils": "^3.15",

package/svg-new/icon/ClusteredList/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="M12 9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM4.5 22a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM19.5 22a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0-2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/><path d="M16.515 7.65c.309-.646.483-1.37.485-2.134a8.991 8.991 0 0 1 3.972 8.204 4.998 4.998 0 0 0-1.992-.193 6.985 6.985 0 0 0-2.465-5.876ZM14.6 19.501c.137.672.408 1.296.785 1.84A8.974 8.974 0 0 1 12 22a8.973 8.973 0 0 1-3.385-.658 4.973 4.973 0 0 0 .785-1.84A6.982 6.982 0 0 0 12 20c.919 0 1.796-.177 2.6-.499ZM4.5 13.5c-.512 0-1.006.077-1.472.22A8.991 8.991 0 0 1 7 5.515a4.98 4.98 0 0 0 .485 2.136 6.985 6.985 0 0 0-2.465 5.876 5.066 5.066 0 0 0-.52-.027Z"/></svg>

package/svg-new/icon/ClusteredList/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 5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM2.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM13.5 14a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/><path d="M11.5 2.5c0 .573-.138 1.114-.382 1.591A4.99 4.99 0 0 1 13 8v.035a3.529 3.529 0 0 1 1.992.298 6.998 6.998 0 0 0-3.542-6.425c.033.192.05.39.05.592ZM4.5 2.5c0 .573.138 1.114.382 1.591A4.99 4.99 0 0 0 3 8v.035a3.53 3.53 0 0 0-1.992.298A6.998 6.998 0 0 1 4.55 1.908c-.033.192-.05.39-.05.592ZM4.735 14.194a3.503 3.503 0 0 0 1.115-1.678A4.98 4.98 0 0 0 8 13a4.98 4.98 0 0 0 2.15-.484 3.504 3.504 0 0 0 1.115 1.678A6.968 6.968 0 0 1 8 15c-1.18 0-2.29-.291-3.265-.806Z"/></svg>

package/src/Icon.jsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { createBaseComponent, sstyled } from '@semcore/core';
-import { useBox } from '@semcore/flex-box';
-import resolveColor, { shade } from '@semcore/utils/lib/color';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import propsForElement from '@semcore/utils/lib/propsForElement';
-
-import styles from './style/icon.shadow.css';
-
-function Icon(props, ref) {
-  const [SIcon, other] = useBox(
-    {
-      tag: 'svg',
-      'data-ui-name': 'Icon',
-      width: 16,
-      height: 16,
-      viewBox: '0 0 16 16',
-      ...props,
-    },
-    ref,
-  );
-
-  const { interactive, color: colorProps } = props;
-  const color = resolveColor(colorProps);
-  const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({
-    disabled: !interactive,
-    ...other,
-  });
-  const sstyles = sstyled(styles);
-  const { className, style } = sstyles.cn('SIcon', {
-    'color-interactive': shade(color, -0.12),
-    'use:color': color,
-    interactive: interactive,
-    keyboardFocused: keyboardFocused,
-  });
-
-  return (
-    <SIcon
-      {...propsForElement(propsWithKeyboardEnhance)}
-      style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}
-      className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}
-    />
-  );
-}
-
-Icon.displayName = 'Icon';
-
-export default createBaseComponent(Icon);

package/src/index.d.ts

@@ -1,17 +0,0 @@
-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/src/index.js

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

package/src/style/icon.shadow.css

@@ -1,23 +0,0 @@
-@import '@semcore/utils/style/var.css';
-
-SIcon {
-  display: inline-block;
-  user-select: none;
-  shape-rendering: geometricPrecision;
-  box-sizing: content-box;
-  fill: currentColor;
-  flex-shrink: 0;
-  outline: none;
-  color: var(--color);
-}
-
-SIcon[keyboardFocused] {
-  box-shadow: var(--keyboard-focus);
-}
-
-SIcon[interactive] {
-  cursor: pointer;
-  &:hover {
-    color: var(--color-interactive);
-  }
-}