@semcore/icon 16.5.1-prerelease.1 → 16.5.1-prerelease.3

package/CHANGELOG.md

@@ -2,7 +2,30 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.5.1] - 2025-08-29
+## [16.5.1] - 2025-10-06
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/flex-box` [16.0.9 ~> 16.0.10], `@semcore/base-components` [16.2.3 ~> 16.4.0]).
+
+## [16.7.1] - 2025-09-17
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/flex-box` [16.0.8 ~> 16.0.9], `@semcore/base-components` [16.2.2 ~> 16.2.3]).
+
+## [16.7.0] - 2025-09-04
+
+### Added
+
+- New `Monitoring` icon.
+
+## [16.6.0] - 2025-08-29
+
+### Added
+
+- New `LinkExternalAlt` icon.
+- New `Note` icon.
 
 ### Changed
 

package/LinkExternalAlt/l/index.d.ts

@@ -0,0 +1,6 @@
+
+import { IconProps } from '@semcore/icon';
+import { Intergalactic } from '@semcore/core';
+declare const _default: Intergalactic.Component<'svg', IconProps>;
+export default _default;
+      

package/LinkExternalAlt/l/index.js

@@ -0,0 +1,35 @@
+"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 _index = _interopRequireDefault(require("../../lib/cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootLinkExternalAlt(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "LinkExternalAlt",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M18.997 4.006H9a1.001 1.001 0 0 0 0 2.003h7.58L4.294 18.296a1.001 1.001 0 1 0 1.416 1.416L17.995 7.425v7.58a1 1 0 0 0 1.002 1 1 1 0 0 0 1.001-1V5.008c0-.547-.457-1.001-1.001-1.001",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootLinkExternalAlt.displayName = 'LinkExternalAlt';
+var LinkExternalAlt = exports["default"] = (0, _core.createBaseComponent)(RootLinkExternalAlt);

package/LinkExternalAlt/l/index.mjs

@@ -0,0 +1,25 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../lib/esm/index.mjs';
+function RootLinkExternalAlt({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "LinkExternalAlt",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M18.997 4.006H9a1.001 1.001 0 0 0 0 2.003h7.58L4.294 18.296a1.001 1.001 0 1 0 1.416 1.416L17.995 7.425v7.58a1 1 0 0 0 1.002 1 1 1 0 0 0 1.001-1V5.008c0-.547-.457-1.001-1.001-1.001",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootLinkExternalAlt.displayName = 'LinkExternalAlt';
+const LinkExternalAlt = createBaseComponent(RootLinkExternalAlt);
+export { LinkExternalAlt as default };

package/LinkExternalAlt/m/index.d.ts

@@ -0,0 +1,6 @@
+
+import { IconProps } from '@semcore/icon';
+import { Intergalactic } from '@semcore/core';
+declare const _default: Intergalactic.Component<'svg', IconProps>;
+export default _default;
+      

package/LinkExternalAlt/m/index.js

@@ -0,0 +1,35 @@
+"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 _index = _interopRequireDefault(require("../../lib/cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootLinkExternalAlt(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "LinkExternalAlt",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12.997 2.005H6a1.001 1.001 0 0 0 0 2.003h4.58l-8.285 8.288a1.001 1.001 0 1 0 1.416 1.416l8.284-8.288v4.581a1 1 0 0 0 1.002 1 1 1 0 0 0 1.001-1V3.007c0-.548-.457-1.002-1.001-1.002",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootLinkExternalAlt.displayName = 'LinkExternalAlt';
+var LinkExternalAlt = exports["default"] = (0, _core.createBaseComponent)(RootLinkExternalAlt);

package/LinkExternalAlt/m/index.mjs

@@ -0,0 +1,25 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../lib/esm/index.mjs';
+function RootLinkExternalAlt({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "LinkExternalAlt",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.997 2.005H6a1.001 1.001 0 0 0 0 2.003h4.58l-8.285 8.288a1.001 1.001 0 1 0 1.416 1.416l8.284-8.288v4.581a1 1 0 0 0 1.002 1 1 1 0 0 0 1.001-1V3.007c0-.548-.457-1.002-1.001-1.002",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootLinkExternalAlt.displayName = 'LinkExternalAlt';
+const LinkExternalAlt = createBaseComponent(RootLinkExternalAlt);
+export { LinkExternalAlt as default };

package/Monitoring/l/index.d.ts

@@ -0,0 +1,6 @@
+
+import { IconProps } from '@semcore/icon';
+import { Intergalactic } from '@semcore/core';
+declare const _default: Intergalactic.Component<'svg', IconProps>;
+export default _default;
+      

package/Monitoring/l/index.js

@@ -0,0 +1,38 @@
+"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 _index = _interopRequireDefault(require("../../lib/cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootMonitoring(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Monitoring",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11 1.005c-5.523 0-10 4.478-10 10s4.477 10 10 10a9.96 9.96 0 0 0 6.329-2.257l3.964 3.964a1 1 0 1 0 1.414-1.414l-3.964-3.964A9.96 9.96 0 0 0 21 11.005c0-5.522-4.477-10-10-10m-8 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7 11.005a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0zM10 7.005a1 1 0 1 1 2 0v7a1 1 0 1 1-2 0zM13 9.005a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootMonitoring.displayName = 'Monitoring';
+var Monitoring = exports["default"] = (0, _core.createBaseComponent)(RootMonitoring);

package/Monitoring/l/index.mjs

@@ -0,0 +1,28 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../lib/esm/index.mjs';
+function RootMonitoring({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Monitoring",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11 1.005c-5.523 0-10 4.478-10 10s4.477 10 10 10a9.96 9.96 0 0 0 6.329-2.257l3.964 3.964a1 1 0 1 0 1.414-1.414l-3.964-3.964A9.96 9.96 0 0 0 21 11.005c0-5.522-4.477-10-10-10m-8 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 11.005a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0zM10 7.005a1 1 0 1 1 2 0v7a1 1 0 1 1-2 0zM13 9.005a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootMonitoring.displayName = 'Monitoring';
+const Monitoring = createBaseComponent(RootMonitoring);
+export { Monitoring as default };

package/Monitoring/m/index.d.ts

@@ -0,0 +1,6 @@
+
+import { IconProps } from '@semcore/icon';
+import { Intergalactic } from '@semcore/core';
+declare const _default: Intergalactic.Component<'svg', IconProps>;
+export default _default;
+      

package/Monitoring/m/index.js

@@ -0,0 +1,38 @@
+"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 _index = _interopRequireDefault(require("../../lib/cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootMonitoring(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Monitoring",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M6 7.005a1 1 0 0 1 1 1v1.2a1 1 0 0 1-2 0v-1.2a1 1 0 0 1 1-1M9 4.805a1 1 0 0 1 1 1v3.4a1 1 0 0 1-2 0v-3.4a1 1 0 0 1 1-1",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 1.005a6.5 6.5 0 0 1 5.247 10.334l1.96 1.96a1 1 0 1 1-1.414 1.414l-1.96-1.96A6.5 6.5 0 1 1 7.5 1.006m0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootMonitoring.displayName = 'Monitoring';
+var Monitoring = exports["default"] = (0, _core.createBaseComponent)(RootMonitoring);

package/Monitoring/m/index.mjs

@@ -0,0 +1,28 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../lib/esm/index.mjs';
+function RootMonitoring({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Monitoring",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M6 7.005a1 1 0 0 1 1 1v1.2a1 1 0 0 1-2 0v-1.2a1 1 0 0 1 1-1M9 4.805a1 1 0 0 1 1 1v3.4a1 1 0 0 1-2 0v-3.4a1 1 0 0 1 1-1",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.5 1.005a6.5 6.5 0 0 1 5.247 10.334l1.96 1.96a1 1 0 1 1-1.414 1.414l-1.96-1.96A6.5 6.5 0 1 1 7.5 1.006m0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootMonitoring.displayName = 'Monitoring';
+const Monitoring = createBaseComponent(RootMonitoring);
+export { Monitoring as default };

package/Note/l/index.d.ts

@@ -0,0 +1,6 @@
+
+import { IconProps } from '@semcore/icon';
+import { Intergalactic } from '@semcore/core';
+declare const _default: Intergalactic.Component<'svg', IconProps>;
+export default _default;
+      

package/Note/l/index.js

@@ -0,0 +1,38 @@
+"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 _index = _interopRequireDefault(require("../../lib/cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootNote(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Note",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M13 17h-2v-6h2zm0-8h-2V7h2z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootNote.displayName = 'Note';
+var Note = exports["default"] = (0, _core.createBaseComponent)(RootNote);

package/Note/l/index.mjs

@@ -0,0 +1,28 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../lib/esm/index.mjs';
+function RootNote({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Note",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M13 17h-2v-6h2zm0-8h-2V7h2z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootNote.displayName = 'Note';
+const Note = createBaseComponent(RootNote);
+export { Note as default };

package/Note/m/index.d.ts

@@ -0,0 +1,6 @@
+
+import { IconProps } from '@semcore/icon';
+import { Intergalactic } from '@semcore/core';
+declare const _default: Intergalactic.Component<'svg', IconProps>;
+export default _default;
+      

package/Note/m/index.js

@@ -0,0 +1,38 @@
+"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 _index = _interopRequireDefault(require("../../lib/cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootNote(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Note",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9 12H7V7h2zm0-6H7V4h2z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootNote.displayName = 'Note';
+var Note = exports["default"] = (0, _core.createBaseComponent)(RootNote);

package/Note/m/index.mjs

@@ -0,0 +1,28 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../lib/esm/index.mjs';
+function RootNote({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Note",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9 12H7V7h2zm0-6H7V4h2z",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootNote.displayName = 'Note';
+const Note = createBaseComponent(RootNote);
+export { Note as default };

package/lib/cjs/Icon.js

@@ -10,13 +10,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _keyboardFocusEnhance2 = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
 var _hasLabels = _interopRequireDefault(require("@semcore/core/lib/utils/hasLabels"));
 var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
 var _propsForElement = _interopRequireDefault(require("@semcore/core/lib/utils/propsForElement"));
 var _ref = require("@semcore/core/lib/utils/ref");
 var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
-var _flexBox = require("@semcore/flex-box");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["keyboardFocused"];
@@ -29,7 +29,7 @@ var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start
   "_interactive": "__interactive_1vvx2_gg_"
 });
 function Icon(props, ref) {
-  var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({
+  var _useBox = (0, _baseComponents.useBox)((0, _objectSpread2["default"])({
       'tag': 'svg',
       'data-ui-name': 'Icon',
       'width': 16,

package/lib/cjs/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["_core","require","_keyboardFocusEnhance2","_interopRequireDefault","_hasLabels","_logger","_propsForElement","_ref","_useColorResolver","_flexBox","_classnames","_react","_excluded","styles","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","useColorResolver","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","current","hasLabels","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","exports","createBaseComponent"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useForkRef } from '@semcore/core/lib/utils/ref';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useBox } from '@semcore/flex-box';\nimport cn from 'classnames';\nimport React from 'react';\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      'focusable': props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    'interactive': interactive,\n    'keyboardFocused': keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Icon.js","names":["_core","require","_baseComponents","_keyboardFocusEnhance2","_interopRequireDefault","_hasLabels","_logger","_propsForElement","_ref","_useColorResolver","_classnames","_react","_excluded","styles","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","useColorResolver","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","current","hasLabels","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","exports","createBaseComponent"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import { useBox } from '@semcore/base-components';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useForkRef } from '@semcore/core/lib/utils/ref';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport cn from 'classnames';\nimport React from 'react';\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      'focusable': props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    'interactive': interactive,\n    'keyboardFocused': keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IIconProps extends IconProps, UnknownProperties {}\nexport type IconProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Icon width */\n    width?: string | number;\n    /** Icon height */\n    height?: string | number;\n    /** SVG viewBox attribute */\n    viewBox?: string;\n    /** Make an icon interactive */\n    interactive?: boolean;\n    /** Icon color */\n    color?: string;\n  };\n\ndeclare const Icon: Intergalactic.Component<'svg', IconProps>;\n\nexport default Icon;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/base-components';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IIconProps extends IconProps, UnknownProperties {}\nexport type IconProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Icon width */\n    width?: string | number;\n    /** Icon height */\n    height?: string | number;\n    /** SVG viewBox attribute */\n    viewBox?: string;\n    /** Make an icon interactive */\n    interactive?: boolean;\n    /** Icon color */\n    color?: string;\n  };\n\ndeclare const Icon: Intergalactic.Component<'svg', IconProps>;\n\nexport default Icon;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/Icon.js

@@ -4,6 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { sstyled as _sstyled } from "@semcore/core";
 var _excluded = ["keyboardFocused"];
+import { useBox } from '@semcore/base-components';
 import { createBaseComponent, sstyled } from '@semcore/core';
 import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 import hasLabels from '@semcore/core/lib/utils/hasLabels';
@@ -11,7 +12,6 @@ import logger from '@semcore/core/lib/utils/logger';
 import propsForElement from '@semcore/core/lib/utils/propsForElement';
 import { useForkRef } from '@semcore/core/lib/utils/ref';
 import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
-import { useBox } from '@semcore/flex-box';
 import cn from 'classnames';
 import React from 'react';
 /*!__reshadow-styles__:"./style/icon.shadow.css"*/

package/lib/es6/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["createBaseComponent","sstyled","keyboardFocusEnhance","hasLabels","logger","propsForElement","useForkRef","useColorResolver","useBox","cn","React","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useForkRef } from '@semcore/core/lib/utils/ref';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useBox } from '@semcore/flex-box';\nimport cn from 'classnames';\nimport React from 'react';\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      'focusable': props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    'interactive': interactive,\n    'keyboardFocused': keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;AAAA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,oBAAoB,MAAM,uDAAuD;AACxF,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,eAAe,MAAM,yCAAyC;AACrE,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,EAAE,MAAM,YAAY;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EACxB,IAAAC,OAAA,GAAuBT,MAAM,CAAAU,aAAA;MAEzB,KAAK,EAAE,KAAK;MACZ,cAAc,EAAE,MAAM;MACtB,OAAO,EAAE,EAAE;MACX,QAAQ,EAAE,EAAE;MACZ,SAAS,EAAE,WAAW;MACtB,WAAW,EAAEH,KAAK,CAACI;IAAW,GAC3BJ,KAAK,GAEVC,GACF,CAAC;IAAAI,QAAA,GAAAC,cAAA,CAAAJ,OAAA;IAXMK,KAAK,GAAAF,QAAA;IAAEG,KAAK,GAAAH,QAAA;EAanB,IAAQD,WAAW,GAAwBJ,KAAK,CAAxCI,WAAW;IAASK,UAAU,GAAKT,KAAK,CAA3BU,KAAK;EAC1B,IAAMC,YAAY,GAAGnB,gBAAgB,CAAC,CAAC;EACvC,IAAMkB,KAAK,GAAGC,YAAY,CAACF,UAAU,CAAC;EACtC,IAAAG,qBAAA,GAA6CzB,oBAAoB,CAAC,CAAC,CAAAgB,aAAA;MACjEU,QAAQ,EAAE,CAACT;IAAW,GACnBI,KAAK,CACT,CAAC;IAHMM,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAKC,YAAY,GAAAC,wBAAA,CAAAJ,qBAAA,EAAAK,SAAA;EAIxC,IAAMC,OAAO,GAAGhC,OAAO,CAACU,MAAM,CAAC;EAC/B,IAAAuB,WAAA,GAA6BD,OAAO,CAACxB,EAAE,CAAC,OAAO,EAAE;MAC/C,WAAW,EAAEgB,KAAK;MAClB,aAAa,EAAEN,WAAW;MAC1B,iBAAiB,EAAEU;IACrB,CAAC,CAAC;IAJMM,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;EAMxB,SAASC,SAASA,CAACC,KAAK,EAAE;IACxB,IAAIR,YAAY,CAACO,SAAS,EAAE;MAC1B,OAAOP,YAAY,CAACO,SAAS,CAACC,KAAK,CAAC;IACtC;IAEA,IAAInB,WAAW,IAAIW,YAAY,CAACS,OAAO,KAAKD,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,CAAC,EAAE;MACvFF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBX,YAAY,CAACS,OAAO,CAACD,KAAK,CAAC;IAC7B;EACF;EAEA,IAAMI,aAAa,GAAGhC,KAAK,CAACiC,MAAM,CAAC,CAAC;EACpCjC,KAAK,CAACkC,SAAS,CAAC,YAAM;IACpB,IAAI,CAACzB,WAAW,EAAE;IAClB,IAAI0B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzC3C,MAAM,CAAC4C,IAAI,CACTN,aAAa,CAACO,OAAO,IAAI,CAAC9C,SAAS,CAACuC,aAAa,CAACO,OAAO,CAAC,gFAE1DlC,KAAK,CAAC,cAAc,CAAC,IAAID,IAAI,CAACoC,WAChC,CAAC;IACH;EACF,CAAC,EAAE,CAAC/B,WAAW,CAAC,CAAC;EACjB,IAAMgC,SAAS,GAAG7C,UAAU,CAACU,GAAG,EAAE0B,aAAa,CAAC;EAEhD,oBACEhC,KAAA,CAAA0C,aAAA,CAAC9B,KAAK,EAAA+B,QAAA;IACJC,IAAI,EAAEnC,WAAW,GAAG,QAAQ,GAAGoC,SAAU;IACzC,eAAapC,WAAW,GAAGoC,SAAS,GAAG;EAAO,GAC1ClD,eAAe,CAACyB,YAAY,CAAC;IACjCM,KAAK,EAAEoB,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAErB,KAAK,EAAEN,YAAY,CAACM,KAAK,CAAE;IACpDD,SAAS,EAAE1B,EAAE,CAAC0B,SAAS,EAAEL,YAAY,CAACK,SAAS,CAAC,IAAIoB,SAAU;IAC9DlB,SAAS,EAAEA,SAAU;IACrBrB,GAAG,EAAEmC;EAAU,EAChB,CAAC;AAEN;AAEArC,IAAI,CAACoC,WAAW,GAAG,MAAM;AAEzB,eAAelD,mBAAmB,CAACc,IAAI,CAAC","ignoreList":[]}
+{"version":3,"file":"Icon.js","names":["useBox","createBaseComponent","sstyled","keyboardFocusEnhance","hasLabels","logger","propsForElement","useForkRef","useColorResolver","cn","React","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","onClick","key","preventDefault","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import { useBox } from '@semcore/base-components';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useForkRef } from '@semcore/core/lib/utils/ref';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport cn from 'classnames';\nimport React from 'react';\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      'focusable': props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    'interactive': interactive,\n    'keyboardFocused': keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      propsEnhance.onClick(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IIconProps extends IconProps, UnknownProperties {}\nexport type IconProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Icon width */\n    width?: string | number;\n    /** Icon height */\n    height?: string | number;\n    /** SVG viewBox attribute */\n    viewBox?: string;\n    /** Make an icon interactive */\n    interactive?: boolean;\n    /** Icon color */\n    color?: string;\n  };\n\ndeclare const Icon: Intergalactic.Component<'svg', IconProps>;\n\nexport default Icon;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/base-components';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IIconProps extends IconProps, UnknownProperties {}\nexport type IconProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Icon width */\n    width?: string | number;\n    /** Icon height */\n    height?: string | number;\n    /** SVG viewBox attribute */\n    viewBox?: string;\n    /** Make an icon interactive */\n    interactive?: boolean;\n    /** Icon color */\n    color?: string;\n  };\n\ndeclare const Icon: Intergalactic.Component<'svg', IconProps>;\n\nexport default Icon;\n"],"mappings":"","ignoreList":[]}

package/lib/esm/Icon.mjs

@@ -3,13 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { createBaseComponent, sstyled } from "@semcore/core";
+import { useBox } from "@semcore/base-components";
 import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
 import hasLabels from "@semcore/core/lib/utils/hasLabels";
 import logger from "@semcore/core/lib/utils/logger";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
 import { useForkRef } from "@semcore/core/lib/utils/ref";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
-import { useBox } from "@semcore/flex-box";
 import cn from "classnames";
 import React from "react";
 var _excluded = ["keyboardFocused"];

package/lib/types/index.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps } from '@semcore/base-components';
 import { Intergalactic, UnknownProperties } from '@semcore/core';
 import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "16.5.1-prerelease.1",
+  "version": "16.5.1-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -9,11 +9,11 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "16.0.7-prerelease.1",
+    "@semcore/flex-box": "16.0.10-prerelease.3",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.2.1-prerelease.1"
+    "@semcore/base-components": "^16.4.0-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@types/classnames": "2.2.6",
-    "@semcore/base-components": "16.2.1-prerelease.1",
+    "@semcore/base-components": "16.4.0-prerelease.3",
     "@semcore/testing-utils": "1.0.0",
     "@semcore/icon-transform-svg": "1.1.0"
   },
@@ -747,26 +747,6 @@
       "import": "./ZoomPlus/l/index.mjs",
       "types": "./ZoomPlus/l/index.d.ts"
     },
-    "./ZoomMinus/m": {
-      "require": "./ZoomMinus/m/index.js",
-      "import": "./ZoomMinus/m/index.mjs",
-      "types": "./ZoomMinus/m/index.d.ts"
-    },
-    "./ZoomMinus/l": {
-      "require": "./ZoomMinus/l/index.js",
-      "import": "./ZoomMinus/l/index.mjs",
-      "types": "./ZoomMinus/l/index.d.ts"
-    },
-    "./Youtube/m": {
-      "require": "./Youtube/m/index.js",
-      "import": "./Youtube/m/index.mjs",
-      "types": "./Youtube/m/index.d.ts"
-    },
-    "./Youtube/l": {
-      "require": "./Youtube/l/index.js",
-      "import": "./Youtube/l/index.mjs",
-      "types": "./Youtube/l/index.d.ts"
-    },
     "./YoutubePlaceholder/m": {
       "require": "./YoutubePlaceholder/m/index.js",
       "import": "./YoutubePlaceholder/m/index.mjs",
@@ -777,6 +757,16 @@
       "import": "./YoutubePlaceholder/l/index.mjs",
       "types": "./YoutubePlaceholder/l/index.d.ts"
     },
+    "./ZoomMinus/m": {
+      "require": "./ZoomMinus/m/index.js",
+      "import": "./ZoomMinus/m/index.mjs",
+      "types": "./ZoomMinus/m/index.d.ts"
+    },
+    "./ZoomMinus/l": {
+      "require": "./ZoomMinus/l/index.js",
+      "import": "./ZoomMinus/l/index.mjs",
+      "types": "./ZoomMinus/l/index.d.ts"
+    },
     "./Yext/m": {
       "require": "./Yext/m/index.js",
       "import": "./Yext/m/index.mjs",
@@ -787,6 +777,16 @@
       "import": "./Yext/l/index.mjs",
       "types": "./Yext/l/index.d.ts"
     },
+    "./Youtube/m": {
+      "require": "./Youtube/m/index.js",
+      "import": "./Youtube/m/index.mjs",
+      "types": "./Youtube/m/index.d.ts"
+    },
+    "./Youtube/l": {
+      "require": "./Youtube/l/index.js",
+      "import": "./Youtube/l/index.mjs",
+      "types": "./Youtube/l/index.d.ts"
+    },
     "./Wristwatch/m": {
       "require": "./Wristwatch/m/index.js",
       "import": "./Wristwatch/m/index.mjs",
@@ -1457,16 +1457,6 @@
       "import": "./SideMenuRight/l/index.mjs",
       "types": "./SideMenuRight/l/index.d.ts"
     },
-    "./ShowYes/m": {
-      "require": "./ShowYes/m/index.js",
-      "import": "./ShowYes/m/index.mjs",
-      "types": "./ShowYes/m/index.d.ts"
-    },
-    "./ShowYes/l": {
-      "require": "./ShowYes/l/index.js",
-      "import": "./ShowYes/l/index.mjs",
-      "types": "./ShowYes/l/index.d.ts"
-    },
     "./SideMenuLeft/m": {
       "require": "./SideMenuLeft/m/index.js",
       "import": "./SideMenuLeft/m/index.mjs",
@@ -1477,6 +1467,16 @@
       "import": "./SideMenuLeft/l/index.mjs",
       "types": "./SideMenuLeft/l/index.d.ts"
     },
+    "./ShowYes/m": {
+      "require": "./ShowYes/m/index.js",
+      "import": "./ShowYes/m/index.mjs",
+      "types": "./ShowYes/m/index.d.ts"
+    },
+    "./ShowYes/l": {
+      "require": "./ShowYes/l/index.js",
+      "import": "./ShowYes/l/index.mjs",
+      "types": "./ShowYes/l/index.d.ts"
+    },
     "./ShowNo/m": {
       "require": "./ShowNo/m/index.js",
       "import": "./ShowNo/m/index.mjs",
@@ -1977,16 +1977,6 @@
       "import": "./PopupAlt/l/index.mjs",
       "types": "./PopupAlt/l/index.d.ts"
     },
-    "./Popup/m": {
-      "require": "./Popup/m/index.js",
-      "import": "./Popup/m/index.mjs",
-      "types": "./Popup/m/index.d.ts"
-    },
-    "./Popup/l": {
-      "require": "./Popup/l/index.js",
-      "import": "./Popup/l/index.mjs",
-      "types": "./Popup/l/index.d.ts"
-    },
     "./PopularStores/m": {
       "require": "./PopularStores/m/index.js",
       "import": "./PopularStores/m/index.mjs",
@@ -1997,6 +1987,16 @@
       "import": "./PopularStores/l/index.mjs",
       "types": "./PopularStores/l/index.d.ts"
     },
+    "./Popup/m": {
+      "require": "./Popup/m/index.js",
+      "import": "./Popup/m/index.mjs",
+      "types": "./Popup/m/index.d.ts"
+    },
+    "./Popup/l": {
+      "require": "./Popup/l/index.js",
+      "import": "./Popup/l/index.mjs",
+      "types": "./Popup/l/index.d.ts"
+    },
     "./PopularProducts/m": {
       "require": "./PopularProducts/m/index.js",
       "import": "./PopularProducts/m/index.mjs",
@@ -2127,16 +2127,6 @@
       "import": "./Picture/l/index.mjs",
       "types": "./Picture/l/index.d.ts"
     },
-    "./Photo/m": {
-      "require": "./Photo/m/index.js",
-      "import": "./Photo/m/index.mjs",
-      "types": "./Photo/m/index.d.ts"
-    },
-    "./Photo/l": {
-      "require": "./Photo/l/index.js",
-      "import": "./Photo/l/index.mjs",
-      "types": "./Photo/l/index.d.ts"
-    },
     "./Phone/m": {
       "require": "./Phone/m/index.js",
       "import": "./Phone/m/index.mjs",
@@ -2147,6 +2137,16 @@
       "import": "./Phone/l/index.mjs",
       "types": "./Phone/l/index.d.ts"
     },
+    "./Photo/m": {
+      "require": "./Photo/m/index.js",
+      "import": "./Photo/m/index.mjs",
+      "types": "./Photo/m/index.d.ts"
+    },
+    "./Photo/l": {
+      "require": "./Photo/l/index.js",
+      "import": "./Photo/l/index.mjs",
+      "types": "./Photo/l/index.d.ts"
+    },
     "./Perplexity/m": {
       "require": "./Perplexity/m/index.js",
       "import": "./Perplexity/m/index.mjs",
@@ -2257,6 +2257,16 @@
       "import": "./Notification/l/index.mjs",
       "types": "./Notification/l/index.d.ts"
     },
+    "./Note/m": {
+      "require": "./Note/m/index.js",
+      "import": "./Note/m/index.mjs",
+      "types": "./Note/m/index.d.ts"
+    },
+    "./Note/l": {
+      "require": "./Note/l/index.js",
+      "import": "./Note/l/index.mjs",
+      "types": "./Note/l/index.d.ts"
+    },
     "./News/m": {
       "require": "./News/m/index.js",
       "import": "./News/m/index.mjs",
@@ -2297,6 +2307,16 @@
       "import": "./MoveAlt/l/index.mjs",
       "types": "./MoveAlt/l/index.d.ts"
     },
+    "./Monitoring/m": {
+      "require": "./Monitoring/m/index.js",
+      "import": "./Monitoring/m/index.mjs",
+      "types": "./Monitoring/m/index.d.ts"
+    },
+    "./Monitoring/l": {
+      "require": "./Monitoring/l/index.js",
+      "import": "./Monitoring/l/index.mjs",
+      "types": "./Monitoring/l/index.d.ts"
+    },
     "./MoneyCoins/m": {
       "require": "./MoneyCoins/m/index.js",
       "import": "./MoneyCoins/m/index.mjs",
@@ -2577,6 +2597,16 @@
       "import": "./LinkInternal/l/index.mjs",
       "types": "./LinkInternal/l/index.d.ts"
     },
+    "./LinkExternalAlt/m": {
+      "require": "./LinkExternalAlt/m/index.js",
+      "import": "./LinkExternalAlt/m/index.mjs",
+      "types": "./LinkExternalAlt/m/index.d.ts"
+    },
+    "./LinkExternalAlt/l": {
+      "require": "./LinkExternalAlt/l/index.js",
+      "import": "./LinkExternalAlt/l/index.mjs",
+      "types": "./LinkExternalAlt/l/index.d.ts"
+    },
     "./LinkExternal/m": {
       "require": "./LinkExternal/m/index.js",
       "import": "./LinkExternal/m/index.mjs",
@@ -2667,16 +2697,6 @@
       "import": "./Law/l/index.mjs",
       "types": "./Law/l/index.d.ts"
     },
-    "./Laptop/m": {
-      "require": "./Laptop/m/index.js",
-      "import": "./Laptop/m/index.mjs",
-      "types": "./Laptop/m/index.d.ts"
-    },
-    "./Laptop/l": {
-      "require": "./Laptop/l/index.js",
-      "import": "./Laptop/l/index.mjs",
-      "types": "./Laptop/l/index.d.ts"
-    },
     "./Language/m": {
       "require": "./Language/m/index.js",
       "import": "./Language/m/index.mjs",
@@ -2687,6 +2707,16 @@
       "import": "./Language/l/index.mjs",
       "types": "./Language/l/index.d.ts"
     },
+    "./Laptop/m": {
+      "require": "./Laptop/m/index.js",
+      "import": "./Laptop/m/index.mjs",
+      "types": "./Laptop/m/index.d.ts"
+    },
+    "./Laptop/l": {
+      "require": "./Laptop/l/index.js",
+      "import": "./Laptop/l/index.mjs",
+      "types": "./Laptop/l/index.d.ts"
+    },
     "./KeyHotkey/m": {
       "require": "./KeyHotkey/m/index.js",
       "import": "./KeyHotkey/m/index.mjs",
@@ -3217,16 +3247,6 @@
       "import": "./Favorite/l/index.mjs",
       "types": "./Favorite/l/index.d.ts"
     },
-    "./Farm/m": {
-      "require": "./Farm/m/index.js",
-      "import": "./Farm/m/index.mjs",
-      "types": "./Farm/m/index.d.ts"
-    },
-    "./Farm/l": {
-      "require": "./Farm/l/index.js",
-      "import": "./Farm/l/index.mjs",
-      "types": "./Farm/l/index.d.ts"
-    },
     "./Fashion/m": {
       "require": "./Fashion/m/index.js",
       "import": "./Fashion/m/index.mjs",
@@ -3237,6 +3257,16 @@
       "import": "./Fashion/l/index.mjs",
       "types": "./Fashion/l/index.d.ts"
     },
+    "./Farm/m": {
+      "require": "./Farm/m/index.js",
+      "import": "./Farm/m/index.mjs",
+      "types": "./Farm/m/index.d.ts"
+    },
+    "./Farm/l": {
+      "require": "./Farm/l/index.js",
+      "import": "./Farm/l/index.mjs",
+      "types": "./Farm/l/index.d.ts"
+    },
     "./FacebookMessenger/m": {
       "require": "./FacebookMessenger/m/index.js",
       "import": "./FacebookMessenger/m/index.mjs",

package/svg/icon/LinkExternalAlt/l.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.997 4.006H9a1.001 1.001 0 0 0 0 2.003h7.58L4.294 18.296a1.001 1.001 0 1 0 1.416 1.416L17.995 7.425v7.58a1 1 0 0 0 1.002 1 1 1 0 0 0 1.001-1V5.008c0-.547-.457-1.001-1.001-1.001"/></svg>

package/svg/icon/LinkExternalAlt/m.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M12.997 2.005H6a1.001 1.001 0 0 0 0 2.003h4.58l-8.285 8.288a1.001 1.001 0 1 0 1.416 1.416l8.284-8.288v4.581a1 1 0 0 0 1.002 1 1 1 0 0 0 1.001-1V3.007c0-.548-.457-1.002-1.001-1.002"/></svg>

package/svg/icon/Monitoring/l.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 1.005c-5.523 0-10 4.478-10 10s4.477 10 10 10a9.96 9.96 0 0 0 6.329-2.257l3.964 3.964a1 1 0 1 0 1.414-1.414l-3.964-3.964A9.96 9.96 0 0 0 21 11.005c0-5.522-4.477-10-10-10m-8 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0"/><path d="M7 11.005a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0zM10 7.005a1 1 0 1 1 2 0v7a1 1 0 1 1-2 0zM13 9.005a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0z"/></svg>

package/svg/icon/Monitoring/m.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6 7.005a1 1 0 0 1 1 1v1.2a1 1 0 0 1-2 0v-1.2a1 1 0 0 1 1-1M9 4.805a1 1 0 0 1 1 1v3.4a1 1 0 0 1-2 0v-3.4a1 1 0 0 1 1-1"/><path d="M7.5 1.005a6.5 6.5 0 0 1 5.247 10.334l1.96 1.96a1 1 0 1 1-1.414 1.414l-1.96-1.96A6.5 6.5 0 1 1 7.5 1.006m0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9"/></svg>

package/svg/icon/Note/l.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 17h-2v-6h2zm0-8h-2V7h2z"/><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18"/></svg>

package/svg/icon/Note/m.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M9 12H7V7h2zm0-6H7V4h2z"/><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2"/></svg>