@semcore/icon 4.8.3-prerelease.0 → 4.9.0-prerelease.0

package/CHANGELOG.md

@@ -2,7 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.8.3-prerelease.0] - 2023-09-13
+## [4.9.0-prerelease.0] - 2023-09-18
+
+### Added
+
+- Added new `Plug` icon.
+
+## [4.8.3] - 2023-09-13
 
 ### Fixed
 

package/Plug/l/index.d.ts

@@ -0,0 +1,6 @@
+
+import React from 'react';
+import { IIconProps } from '@semcore/icon';
+declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+export default _default;
+      

package/Plug/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 _icon = _interopRequireDefault(require("@semcore/icon"));
+var _excluded = ["width", "height", "viewBox"];
+function Plug(_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": "Plug",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.293 1.293a1 1 0 0 1 1.414 0L14.5 4.086l2.793-2.793a1 1 0 1 1 1.414 1.414L15.914 5.5 18.5 8.086l2.793-2.793a1 1 0 1 1 1.414 1.414L19.914 9.5l2.793 2.793a1 1 0 0 1 0 1.414c-.604.605-1.256.159-1.728-.314l-5.59 4.274c-2.223 1.7-5.023 1.113-6.889-.753l-5.793 5.793a1 1 0 0 1-1.414-1.414L7.086 15.5c-1.866-1.866-2.453-4.666-.753-6.89l4.274-5.589c-.473-.472-.919-1.124-.314-1.728Zm1.74 3.155 7.519 7.518-5.378 4.112a3 3 0 0 1-3.943-.261l-2.048-2.048a3 3 0 0 1-.261-3.943l4.112-5.378Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+Plug.displayName = 'Plug';
+var _default = (0, _core.createBaseComponent)(Plug);
+exports["default"] = _default;

package/Plug/l/index.mjs

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+function Plug({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Plug",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.293 1.293a1 1 0 0 1 1.414 0L14.5 4.086l2.793-2.793a1 1 0 1 1 1.414 1.414L15.914 5.5 18.5 8.086l2.793-2.793a1 1 0 1 1 1.414 1.414L19.914 9.5l2.793 2.793a1 1 0 0 1 0 1.414c-.604.605-1.256.159-1.728-.314l-5.59 4.274c-2.223 1.7-5.023 1.113-6.889-.753l-5.793 5.793a1 1 0 0 1-1.414-1.414L7.086 15.5c-1.866-1.866-2.453-4.666-.753-6.89l4.274-5.589c-.473-.472-.919-1.124-.314-1.728Zm1.74 3.155 7.519 7.518-5.378 4.112a3 3 0 0 1-3.943-.261l-2.048-2.048a3 3 0 0 1-.261-3.943l4.112-5.378Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+Plug.displayName = 'Plug';
+export default createBaseComponent(Plug);

package/Plug/m/index.d.ts

@@ -0,0 +1,6 @@
+
+import React from 'react';
+import { IIconProps } from '@semcore/icon';
+declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+export default _default;
+      

package/Plug/m/index.js

@@ -0,0 +1,45 @@
+"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 Plug(_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": "Plug",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.293.293a1 1 0 0 1 1.414 0L9.5 2.086 11.293.293a1 1 0 1 1 1.414 1.414L10.914 3.5 12.5 5.086l1.793-1.793a1 1 0 1 1 1.414 1.414L13.914 6.5l1.793 1.793a1 1 0 0 1 0 1.414c-.6.601-1.25.163-1.722-.308l-2.55 2.143a4.93 4.93 0 0 1-5.897.334l-3.83 3.831a1 1 0 0 1-1.415-1.414l3.838-3.838a4.93 4.93 0 0 1 .319-5.806l2.153-2.632c-.472-.472-.912-1.122-.31-1.724Zm1.731 3.145 4.541 4.541-2.417 2.032a2.928 2.928 0 0 1-4.15-4.096l2.026-2.477Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 0h16v16H0z",
+    shapeRendering: "geometricPrecision"
+  }))));
+}
+Plug.displayName = 'Plug';
+var _default = (0, _core.createBaseComponent)(Plug);
+exports["default"] = _default;

package/Plug/m/index.mjs

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+function Plug({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Plug",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.293.293a1 1 0 0 1 1.414 0L9.5 2.086 11.293.293a1 1 0 1 1 1.414 1.414L10.914 3.5 12.5 5.086l1.793-1.793a1 1 0 1 1 1.414 1.414L13.914 6.5l1.793 1.793a1 1 0 0 1 0 1.414c-.6.601-1.25.163-1.722-.308l-2.55 2.143a4.93 4.93 0 0 1-5.897.334l-3.83 3.831a1 1 0 0 1-1.415-1.414l3.838-3.838a4.93 4.93 0 0 1 .319-5.806l2.153-2.632c-.472-.472-.912-1.122-.31-1.724Zm1.731 3.145 4.541 4.541-2.417 2.032a2.928 2.928 0 0 1-4.15-4.096l2.026-2.477Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h16v16H0z",
+    shapeRendering: "geometricPrecision"
+  }))));
+}
+Plug.displayName = 'Plug';
+export default createBaseComponent(Plug);

package/lib/cjs/Icon.js

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

package/lib/es6/Icon.js

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

package/package.json

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

package/svg/icon/Plug/l.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M10.293 1.293a1 1 0 0 1 1.414 0L14.5 4.086l2.793-2.793a1 1 0 1 1 1.414 1.414L15.914 5.5 18.5 8.086l2.793-2.793a1 1 0 1 1 1.414 1.414L19.914 9.5l2.793 2.793a1 1 0 0 1 0 1.414c-.604.605-1.256.159-1.728-.314l-5.59 4.274c-2.223 1.7-5.023 1.113-6.889-.753l-5.793 5.793a1 1 0 0 1-1.414-1.414L7.086 15.5c-1.866-1.866-2.453-4.666-.753-6.89l4.274-5.589c-.473-.472-.919-1.124-.314-1.728Zm1.74 3.155 7.519 7.518-5.378 4.112a3 3 0 0 1-3.943-.261l-2.048-2.048a3 3 0 0 1-.261-3.943l4.112-5.378Z" clip-rule="evenodd"/>
+</svg>

package/svg/icon/Plug/m.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M6.293.293a1 1 0 0 1 1.414 0L9.5 2.086 11.293.293a1 1 0 1 1 1.414 1.414L10.914 3.5 12.5 5.086l1.793-1.793a1 1 0 1 1 1.414 1.414L13.914 6.5l1.793 1.793a1 1 0 0 1 0 1.414c-.6.601-1.25.163-1.722-.308l-2.55 2.143a4.93 4.93 0 0 1-5.897.334l-3.83 3.831a1 1 0 0 1-1.415-1.414l3.838-3.838a4.93 4.93 0 0 1 .319-5.806l2.153-2.632c-.472-.472-.912-1.122-.31-1.724Zm1.731 3.145 4.541 4.541-2.417 2.032a2.928 2.928 0 0 1-4.15-4.096l2.026-2.477Z" clip-rule="evenodd"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>