@semcore/icon 3.6.0 → 3.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.7.0] - 2023-01-19
6
+
7
+ ### Added
8
+
9
+ - Added `NotificationNo` icon.
10
+
11
+ ## [3.6.1] - 2023-01-19
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.5 ~> 4.7.6], `@semcore/utils` [3.44.3 ~> 3.45.0]).
16
+
5
17
  ## [3.6.0] - 2023-01-10
6
18
 
7
19
  ### BREAK
@@ -0,0 +1,6 @@
1
+
2
+ import React from 'react';
3
+ import { IIconProps } from '@semcore/icon';
4
+ declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
5
+ export default _default;
6
+
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _core = require("@semcore/core");
17
+
18
+ var _icon = _interopRequireDefault(require("@semcore/icon"));
19
+
20
+ var _excluded = ["width", "height", "viewBox"];
21
+
22
+ function NotificationNo(_ref, ref) {
23
+ var _ref$width = _ref.width,
24
+ width = _ref$width === void 0 ? '24' : _ref$width,
25
+ _ref$height = _ref.height,
26
+ height = _ref$height === void 0 ? '24' : _ref$height,
27
+ _ref$viewBox = _ref.viewBox,
28
+ viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
29
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
+ return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
31
+ ref: ref,
32
+ "data-name": "NotificationNo",
33
+ "data-group": "l",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ d: "M13 3.07c.984.142 1.902.487 2.71.993L14.243 5.53A5 5 0 0 0 7 10v2.773l-2 2V10a7.002 7.002 0 0 1 6-6.93V2a1 1 0 1 1 2 0v1.07Z",
39
+ shapeRendering: "geometricPrecision"
40
+ }), /*#__PURE__*/_react["default"].createElement("path", {
41
+ fillRule: "evenodd",
42
+ clipRule: "evenodd",
43
+ d: "m6.414 19-3.707 3.707a1 1 0 0 1-1.414-1.414l20-20a1 1 0 1 1 1.414 1.414L18.354 7.06C18.77 7.954 19 8.95 19 10v7h1a1 1 0 1 1 0 2H6.414Zm2-2H17v-7c0-.482-.068-.949-.196-1.39L8.414 17Z",
44
+ shapeRendering: "geometricPrecision"
45
+ }), /*#__PURE__*/_react["default"].createElement("path", {
46
+ d: "M12 23a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z",
47
+ shapeRendering: "geometricPrecision"
48
+ }));
49
+ }
50
+
51
+ NotificationNo.displayName = 'NotificationNo';
52
+
53
+ var _default = (0, _core.createBaseComponent)(NotificationNo);
54
+
55
+ exports["default"] = _default;
@@ -0,0 +1,35 @@
1
+ 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); }
2
+
3
+ import React from 'react';
4
+ import { createBaseComponent } from '@semcore/core';
5
+ import Icon from '@semcore/icon';
6
+
7
+ function NotificationNo({
8
+ width = '24',
9
+ height = '24',
10
+ viewBox = '0 0 24 24',
11
+ ...props
12
+ }, ref) {
13
+ return /*#__PURE__*/React.createElement(Icon, _extends({
14
+ ref: ref,
15
+ "data-name": "NotificationNo",
16
+ "data-group": "l",
17
+ width: width,
18
+ height: height,
19
+ viewBox: viewBox
20
+ }, props), /*#__PURE__*/React.createElement("path", {
21
+ d: "M13 3.07c.984.142 1.902.487 2.71.993L14.243 5.53A5 5 0 0 0 7 10v2.773l-2 2V10a7.002 7.002 0 0 1 6-6.93V2a1 1 0 1 1 2 0v1.07Z",
22
+ shapeRendering: "geometricPrecision"
23
+ }), /*#__PURE__*/React.createElement("path", {
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ d: "m6.414 19-3.707 3.707a1 1 0 0 1-1.414-1.414l20-20a1 1 0 1 1 1.414 1.414L18.354 7.06C18.77 7.954 19 8.95 19 10v7h1a1 1 0 1 1 0 2H6.414Zm2-2H17v-7c0-.482-.068-.949-.196-1.39L8.414 17Z",
27
+ shapeRendering: "geometricPrecision"
28
+ }), /*#__PURE__*/React.createElement("path", {
29
+ d: "M12 23a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z",
30
+ shapeRendering: "geometricPrecision"
31
+ }));
32
+ }
33
+
34
+ NotificationNo.displayName = 'NotificationNo';
35
+ export default createBaseComponent(NotificationNo);
@@ -0,0 +1,6 @@
1
+
2
+ import React from 'react';
3
+ import { IIconProps } from '@semcore/icon';
4
+ declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
5
+ export default _default;
6
+
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _core = require("@semcore/core");
17
+
18
+ var _icon = _interopRequireDefault(require("@semcore/icon"));
19
+
20
+ var _excluded = ["width", "height", "viewBox"];
21
+
22
+ function NotificationNo(_ref, ref) {
23
+ var _ref$width = _ref.width,
24
+ width = _ref$width === void 0 ? '16' : _ref$width,
25
+ _ref$height = _ref.height,
26
+ height = _ref$height === void 0 ? '16' : _ref$height,
27
+ _ref$viewBox = _ref.viewBox,
28
+ viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
29
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
+ return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
31
+ ref: ref,
32
+ "data-name": "NotificationNo",
33
+ "data-group": "m",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ d: "M9 2.1c.177.036.352.082.522.136L7.747 4.01A3 3 0 0 0 5.01 6.747L3 8.757V7a5.002 5.002 0 0 1 4-4.9V1a1 1 0 0 1 2 0v1.1Z",
39
+ shapeRendering: "geometricPrecision"
40
+ }), /*#__PURE__*/_react["default"].createElement("path", {
41
+ fillRule: "evenodd",
42
+ clipRule: "evenodd",
43
+ d: "m12.531 4.883 2.176-2.176a1 1 0 1 0-1.414-1.414l-12 12a1 1 0 1 0 1.414 1.414L4.414 13H14a1 1 0 1 0 0-2h-1V7a4.98 4.98 0 0 0-.469-2.117Zm-1.58 1.58L6.415 11H11V7c0-.184-.017-.363-.048-.538Z",
44
+ shapeRendering: "geometricPrecision"
45
+ }), /*#__PURE__*/_react["default"].createElement("path", {
46
+ d: "M8 16a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z",
47
+ shapeRendering: "geometricPrecision"
48
+ }));
49
+ }
50
+
51
+ NotificationNo.displayName = 'NotificationNo';
52
+
53
+ var _default = (0, _core.createBaseComponent)(NotificationNo);
54
+
55
+ exports["default"] = _default;
@@ -0,0 +1,35 @@
1
+ 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); }
2
+
3
+ import React from 'react';
4
+ import { createBaseComponent } from '@semcore/core';
5
+ import Icon from '@semcore/icon';
6
+
7
+ function NotificationNo({
8
+ width = '16',
9
+ height = '16',
10
+ viewBox = '0 0 16 16',
11
+ ...props
12
+ }, ref) {
13
+ return /*#__PURE__*/React.createElement(Icon, _extends({
14
+ ref: ref,
15
+ "data-name": "NotificationNo",
16
+ "data-group": "m",
17
+ width: width,
18
+ height: height,
19
+ viewBox: viewBox
20
+ }, props), /*#__PURE__*/React.createElement("path", {
21
+ d: "M9 2.1c.177.036.352.082.522.136L7.747 4.01A3 3 0 0 0 5.01 6.747L3 8.757V7a5.002 5.002 0 0 1 4-4.9V1a1 1 0 0 1 2 0v1.1Z",
22
+ shapeRendering: "geometricPrecision"
23
+ }), /*#__PURE__*/React.createElement("path", {
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ d: "m12.531 4.883 2.176-2.176a1 1 0 1 0-1.414-1.414l-12 12a1 1 0 1 0 1.414 1.414L4.414 13H14a1 1 0 1 0 0-2h-1V7a4.98 4.98 0 0 0-.469-2.117Zm-1.58 1.58L6.415 11H11V7c0-.184-.017-.363-.048-.538Z",
27
+ shapeRendering: "geometricPrecision"
28
+ }), /*#__PURE__*/React.createElement("path", {
29
+ d: "M8 16a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z",
30
+ shapeRendering: "geometricPrecision"
31
+ }));
32
+ }
33
+
34
+ NotificationNo.displayName = 'NotificationNo';
35
+ export default createBaseComponent(NotificationNo);
package/lib/cjs/Icon.js CHANGED
@@ -52,16 +52,16 @@ var styles = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ".___SIcon_yncxn_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_yncxn)}.___SIcon_yncxn_gg_.__keyboardFocused_yncxn_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_yncxn_gg_.__interactive_yncxn_gg_{cursor:pointer}.___SIcon_yncxn_gg_.__interactive_yncxn_gg_:hover{color:var(--color-interactive_yncxn)}"
55
+ ".___SIcon_ppoo3_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_ppoo3)}.___SIcon_ppoo3_gg_.__keyboardFocused_ppoo3_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_ppoo3_gg_.__interactive_ppoo3_gg_{cursor:pointer}.___SIcon_ppoo3_gg_.__interactive_ppoo3_gg_:hover{color:var(--color-interactive_ppoo3)}"
56
56
  /*__inner_css_end__*/
57
- , "yncxn_gg_")
57
+ , "ppoo3_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SIcon": "___SIcon_yncxn_gg_",
61
- "--color": "--color_yncxn",
62
- "_keyboardFocused": "__keyboardFocused_yncxn_gg_",
63
- "_interactive": "__interactive_yncxn_gg_",
64
- "--color-interactive": "--color-interactive_yncxn"
60
+ "__SIcon": "___SIcon_ppoo3_gg_",
61
+ "--color": "--color_ppoo3",
62
+ "_keyboardFocused": "__keyboardFocused_ppoo3_gg_",
63
+ "_interactive": "__interactive_ppoo3_gg_",
64
+ "--color-interactive": "--color-interactive_ppoo3"
65
65
  });
66
66
 
67
67
  function Icon(props, ref) {
package/lib/es6/Icon.js CHANGED
@@ -25,16 +25,16 @@ var styles = (
25
25
  /*__reshadow_css_start__*/
26
26
  _sstyled.insert(
27
27
  /*__inner_css_start__*/
28
- ".___SIcon_yncxn_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_yncxn)}.___SIcon_yncxn_gg_.__keyboardFocused_yncxn_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_yncxn_gg_.__interactive_yncxn_gg_{cursor:pointer}.___SIcon_yncxn_gg_.__interactive_yncxn_gg_:hover{color:var(--color-interactive_yncxn)}"
28
+ ".___SIcon_ppoo3_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_ppoo3)}.___SIcon_ppoo3_gg_.__keyboardFocused_ppoo3_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_ppoo3_gg_.__interactive_ppoo3_gg_{cursor:pointer}.___SIcon_ppoo3_gg_.__interactive_ppoo3_gg_:hover{color:var(--color-interactive_ppoo3)}"
29
29
  /*__inner_css_end__*/
30
- , "yncxn_gg_")
30
+ , "ppoo3_gg_")
31
31
  /*__reshadow_css_end__*/
32
32
  , {
33
- "__SIcon": "___SIcon_yncxn_gg_",
34
- "--color": "--color_yncxn",
35
- "_keyboardFocused": "__keyboardFocused_yncxn_gg_",
36
- "_interactive": "__interactive_yncxn_gg_",
37
- "--color-interactive": "--color-interactive_yncxn"
33
+ "__SIcon": "___SIcon_ppoo3_gg_",
34
+ "--color": "--color_ppoo3",
35
+ "_keyboardFocused": "__keyboardFocused_ppoo3_gg_",
36
+ "_interactive": "__interactive_ppoo3_gg_",
37
+ "--color-interactive": "--color-interactive_ppoo3"
38
38
  });
39
39
 
40
40
  function Icon(props, ref) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/icon",
3
3
  "description": "Semrush Icon Component",
4
- "version": "3.6.0",
4
+ "version": "3.7.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -0,0 +1 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.07c.984.142 1.902.487 2.71.993L14.243 5.53A5 5 0 0 0 7 10v2.773l-2 2V10a7.002 7.002 0 0 1 6-6.93V2a1 1 0 1 1 2 0v1.07Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m6.414 19-3.707 3.707a1 1 0 0 1-1.414-1.414l20-20a1 1 0 1 1 1.414 1.414L18.354 7.06C18.77 7.954 19 8.95 19 10v7h1a1 1 0 1 1 0 2H6.414Zm2-2H17v-7c0-.482-.068-.949-.196-1.39L8.414 17Z"/><path d="M12 23a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M9 2.1c.177.036.352.082.522.136L7.747 4.01A3 3 0 0 0 5.01 6.747L3 8.757V7a5.002 5.002 0 0 1 4-4.9V1a1 1 0 0 1 2 0v1.1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m12.531 4.883 2.176-2.176a1 1 0 1 0-1.414-1.414l-12 12a1 1 0 1 0 1.414 1.414L4.414 13H14a1 1 0 1 0 0-2h-1V7a4.98 4.98 0 0 0-.469-2.117Zm-1.58 1.58L6.415 11H11V7c0-.184-.017-.363-.048-.538Z"/><path d="M8 16a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2Z"/></svg>