@semcore/icon 2.19.2 → 2.20.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,24 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [2.20.0] - 2022-03-21
6
+
7
+ ### Added
8
+
9
+ - Added icons `Formal, Casual, QuestionSerp, MathMinusAlt`.
10
+
11
+ ## [2.19.4] - 2022-03-14
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/flex-box` [4.5.0 ~> 4.5.1]).
16
+
17
+ ## [2.19.3] - 2022-02-24
18
+
19
+ ### Added
20
+
21
+ - Added repository field to package.json file.
22
+
5
23
  ## [2.19.2] - 2022-02-14
6
24
 
7
25
  ### Fixed
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,49 @@
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 Casual(_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": "Casual",
33
+ "data-group": "l",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M18.648 3.12a1.554 1.554 0 0 0-.498-.114L16 3c-.551-.002-.984.455-1.166.975a3.01 3.01 0 0 1-2.832 2.022 3.002 3.002 0 0 1-2.835-2.015c-.182-.523-.615-.984-1.168-.982l-2.149.006c-.168.01-.337.047-.498.114L.62 5.07A1 1 0 0 0 .05 6.304l1.97 6.004a1 1 0 0 0 .95.688h2.026v7a1 1 0 0 0 1 1h12.008a1 1 0 0 0 1-1v-7h2.026a1 1 0 0 0 .95-.688l1.97-6.004a1 1 0 0 0-.57-1.236l-4.732-1.95Zm1.657 7.877 1.455-4.432L18 5l-1.415.002a5.002 5.002 0 0 1-4.583 2.995h-.004a5.002 5.002 0 0 1-4.583-2.995L6 5 2.24 6.565l1.455 4.432h3.301v8h10.008v-8h3.301Z",
41
+ shapeRendering: "geometricPrecision"
42
+ }));
43
+ }
44
+
45
+ Casual.displayName = 'Casual';
46
+
47
+ var _default = (0, _core.createBaseComponent)(Casual);
48
+
49
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,49 @@
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 Casual(_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": "Casual",
33
+ "data-group": "m",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M9.88 2.686a2 2 0 0 1-3.759.003c-.133-.364-.436-.687-.823-.686l-1.395.004a1.035 1.035 0 0 0-.332.076L.557 3.322a.875.875 0 0 0-.506 1.113l1.307 3.82c.148.433.588.745 1.065.745H3v4.001a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9h.578c.476 0 .916-.312 1.064-.744l1.306-3.818a.875.875 0 0 0-.508-1.115L12.388 2.08s-.185-.077-.388-.079h-1.301c-.386 0-.687.322-.82.685ZM2.28 4.776 4.164 4h.371a3.998 3.998 0 0 0 3.465 2c1.48 0 2.773-.804 3.465-2h.337l1.915.78L13 7h-2v5.001H5V7H3l-.719-2.225Z",
41
+ shapeRendering: "geometricPrecision"
42
+ }));
43
+ }
44
+
45
+ Casual.displayName = 'Casual';
46
+
47
+ var _default = (0, _core.createBaseComponent)(Casual);
48
+
49
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,49 @@
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 Formal(_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": "Formal",
33
+ "data-group": "l",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M17.172 2a1.574 1.574 0 0 1 1.6 2H21a1 1 0 0 1 1 1.001v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h2.228a1.575 1.575 0 0 1 1.6-2h10.344Zm-2.267 2h-5.81l2.9 3.645h.01l2.9-3.644ZM13 8.425V20h7V6h-2.438L15 9.97l-2-1.545ZM9 9.969l2-1.545V20H4V6h2.438L9 9.97ZM15 12h3v2h-3v-2Z",
41
+ shapeRendering: "geometricPrecision"
42
+ }));
43
+ }
44
+
45
+ Formal.displayName = 'Formal';
46
+
47
+ var _default = (0, _core.createBaseComponent)(Formal);
48
+
49
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,49 @@
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 Formal(_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": "Formal",
33
+ "data-group": "m",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M12.8 1.227a1.303 1.303 0 0 0-.8-.225H4a1.309 1.309 0 0 0-1.261 1.836l.071.163H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-.81l.071-.163a1.31 1.31 0 0 0-.461-1.611ZM9 13V6.625L11 8l1.306-3H13v8H9ZM3.694 5H3v8h4V6.625L5 8 3.694 5ZM6 3h4L8 6 6 3Z",
41
+ shapeRendering: "geometricPrecision"
42
+ }));
43
+ }
44
+
45
+ Formal.displayName = 'Formal';
46
+
47
+ var _default = (0, _core.createBaseComponent)(Formal);
48
+
49
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,52 @@
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 MathMinusAlt(_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": "MathMinusAlt",
33
+ "data-group": "l",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",
41
+ shapeRendering: "geometricPrecision"
42
+ }), /*#__PURE__*/_react["default"].createElement("path", {
43
+ d: "M6 12a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H7a1 1 0 0 0-1 1Z",
44
+ shapeRendering: "geometricPrecision"
45
+ }));
46
+ }
47
+
48
+ MathMinusAlt.displayName = 'MathMinusAlt';
49
+
50
+ var _default = (0, _core.createBaseComponent)(MathMinusAlt);
51
+
52
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,52 @@
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 MathMinusAlt(_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": "MathMinusAlt",
33
+ "data-group": "m",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm0-2A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z",
41
+ shapeRendering: "geometricPrecision"
42
+ }), /*#__PURE__*/_react["default"].createElement("path", {
43
+ d: "M12 8a1 1 0 0 1-1 1H5a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1Z",
44
+ shapeRendering: "geometricPrecision"
45
+ }));
46
+ }
47
+
48
+ MathMinusAlt.displayName = 'MathMinusAlt';
49
+
50
+ var _default = (0, _core.createBaseComponent)(MathMinusAlt);
51
+
52
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,47 @@
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 QuestionSerp(_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": "QuestionSerp",
33
+ "data-group": "l",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ d: "M7.001 7.463C7.001 4.963 8.95 3 12 3c3.051 0 4.999 1.962 4.999 4.463 0 2-1.117 2.978-2.62 4.165l-.18.142C12.79 12.88 11 14.288 11 17a1 1 0 0 0 2 0c0-1.724 1.055-2.566 2.62-3.803 1.497-1.183 3.379-2.697 3.379-5.734C18.999 3.703 15.995 1 12 1 8.005 1 5.001 3.704 5.001 7.463a1 1 0 1 0 2 0ZM12 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",
39
+ shapeRendering: "geometricPrecision"
40
+ }));
41
+ }
42
+
43
+ QuestionSerp.displayName = 'QuestionSerp';
44
+
45
+ var _default = (0, _core.createBaseComponent)(QuestionSerp);
46
+
47
+ exports["default"] = _default;
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,47 @@
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 QuestionSerp(_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": "QuestionSerp",
33
+ "data-group": "m",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ d: "M4.997 5.386C4.997 4.022 5.97 3 7.5 3c1.529 0 2.504 1.022 2.504 2.386 0 .58-.154.941-.358 1.222-.229.315-.55.573-.997.907l-.115.086c-.831.618-2.04 1.516-2.04 3.399a1 1 0 1 0 1.996 0c0-.85.429-1.19 1.354-1.883.43-.322.988-.741 1.417-1.333.454-.626.739-1.4.739-2.398C12 2.871 10.084 1 7.5 1S3 2.87 3 5.386a1 1 0 1 0 1.997 0ZM7.5 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
39
+ shapeRendering: "geometricPrecision"
40
+ }));
41
+ }
42
+
43
+ QuestionSerp.displayName = 'QuestionSerp';
44
+
45
+ var _default = (0, _core.createBaseComponent)(QuestionSerp);
46
+
47
+ exports["default"] = _default;
package/lib/cjs/Icon.js CHANGED
@@ -46,15 +46,15 @@ var styles = (
46
46
  /*__reshadow_css_start__*/
47
47
  _core.sstyled.insert(
48
48
  /*__inner_css_start__*/
49
- ".___SIcon_130ku_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_3mutke)}.___SIcon_130ku_gg_.__keyboardFocused_130ku_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SIcon_130ku_gg_.__interactive_130ku_gg_{cursor:pointer}.___SIcon_130ku_gg_.__interactive_130ku_gg_:hover{color:var(--color-interactive_3mutke)}"
49
+ ".___SIcon_1n8nw_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_3mutke)}.___SIcon_1n8nw_gg_.__keyboardFocused_1n8nw_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_{cursor:pointer}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_:hover{color:var(--color-interactive_3mutke)}"
50
50
  /*__inner_css_end__*/
51
51
  , "3mutke_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SIcon": "___SIcon_130ku_gg_",
54
+ "__SIcon": "___SIcon_1n8nw_gg_",
55
55
  "--color": "--color_3mutke",
56
- "_keyboardFocused": "__keyboardFocused_130ku_gg_",
57
- "_interactive": "__interactive_130ku_gg_",
56
+ "_keyboardFocused": "__keyboardFocused_1n8nw_gg_",
57
+ "_interactive": "__interactive_1n8nw_gg_",
58
58
  "--color-interactive": "--color-interactive_3mutke"
59
59
  }); // TODO: сделать useIcon?
60
60
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Icon.js"],"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;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIA;;AACA,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\n// TODO: сделать useIcon?\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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIA;;AACA,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\n// TODO: сделать useIcon?\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"}
package/lib/es6/Icon.js CHANGED
@@ -22,15 +22,15 @@ var styles = (
22
22
  /*__reshadow_css_start__*/
23
23
  _sstyled.insert(
24
24
  /*__inner_css_start__*/
25
- ".___SIcon_130ku_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_3mutke)}.___SIcon_130ku_gg_.__keyboardFocused_130ku_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SIcon_130ku_gg_.__interactive_130ku_gg_{cursor:pointer}.___SIcon_130ku_gg_.__interactive_130ku_gg_:hover{color:var(--color-interactive_3mutke)}"
25
+ ".___SIcon_1n8nw_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_3mutke)}.___SIcon_1n8nw_gg_.__keyboardFocused_1n8nw_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_{cursor:pointer}.___SIcon_1n8nw_gg_.__interactive_1n8nw_gg_:hover{color:var(--color-interactive_3mutke)}"
26
26
  /*__inner_css_end__*/
27
27
  , "3mutke_gg_")
28
28
  /*__reshadow_css_end__*/
29
29
  , {
30
- "__SIcon": "___SIcon_130ku_gg_",
30
+ "__SIcon": "___SIcon_1n8nw_gg_",
31
31
  "--color": "--color_3mutke",
32
- "_keyboardFocused": "__keyboardFocused_130ku_gg_",
33
- "_interactive": "__interactive_130ku_gg_",
32
+ "_keyboardFocused": "__keyboardFocused_1n8nw_gg_",
33
+ "_interactive": "__interactive_1n8nw_gg_",
34
34
  "--color-interactive": "--color-interactive_3mutke"
35
35
  }); // TODO: сделать useIcon?
36
36
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/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"],"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;;;;;;;;;;;;;;;;;IAIA;;AACA,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\n// TODO: сделать useIcon?\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"}
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;;;;;;;;;;;;;;;;;IAIA;;AACA,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\n// TODO: сделать useIcon?\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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/icon",
3
3
  "description": "SEMRush Icon Component",
4
- "version": "2.19.2",
4
+ "version": "2.20.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -24,5 +24,10 @@
24
24
  },
25
25
  "jest": {
26
26
  "preset": "@semcore/jest-preset-ui"
27
+ },
28
+ "repository": {
29
+ "type": "git",
30
+ "url": "https://github.com/semrush/intergalactic.git",
31
+ "directory": "semcore/icon"
27
32
  }
28
33
  }
File without changes
@@ -0,0 +1 @@
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="M18.648 3.12a1.554 1.554 0 0 0-.498-.114L16 3c-.551-.002-.984.455-1.166.975a3.01 3.01 0 0 1-2.832 2.022 3.002 3.002 0 0 1-2.835-2.015c-.182-.523-.615-.984-1.168-.982l-2.149.006c-.168.01-.337.047-.498.114L.62 5.07A1 1 0 0 0 .05 6.304l1.97 6.004a1 1 0 0 0 .95.688h2.026v7a1 1 0 0 0 1 1h12.008a1 1 0 0 0 1-1v-7h2.026a1 1 0 0 0 .95-.688l1.97-6.004a1 1 0 0 0-.57-1.236l-4.732-1.95Zm1.657 7.877 1.455-4.432L18 5l-1.415.002a5.002 5.002 0 0 1-4.583 2.995h-.004a5.002 5.002 0 0 1-4.583-2.995L6 5 2.24 6.565l1.455 4.432h3.301v8h10.008v-8h3.301Z"/></svg>
@@ -0,0 +1 @@
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="M9.88 2.686a2 2 0 0 1-3.759.003c-.133-.364-.436-.687-.823-.686l-1.395.004a1.035 1.035 0 0 0-.332.076L.557 3.322a.875.875 0 0 0-.506 1.113l1.307 3.82c.148.433.588.745 1.065.745H3v4.001a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9h.578c.476 0 .916-.312 1.064-.744l1.306-3.818a.875.875 0 0 0-.508-1.115L12.388 2.08s-.185-.077-.388-.079h-1.301c-.386 0-.687.322-.82.685ZM2.28 4.776 4.164 4h.371a3.998 3.998 0 0 0 3.465 2c1.48 0 2.773-.804 3.465-2h.337l1.915.78L13 7h-2v5.001H5V7H3l-.719-2.225Z"/></svg>
@@ -0,0 +1 @@
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="M17.172 2a1.574 1.574 0 0 1 1.6 2H21a1 1 0 0 1 1 1.001v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h2.228a1.575 1.575 0 0 1 1.6-2h10.344Zm-2.267 2h-5.81l2.9 3.645h.01l2.9-3.644ZM13 8.425V20h7V6h-2.438L15 9.97l-2-1.545ZM9 9.969l2-1.545V20H4V6h2.438L9 9.97ZM15 12h3v2h-3v-2Z"/></svg>
@@ -0,0 +1 @@
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="M12.8 1.227a1.303 1.303 0 0 0-.8-.225H4a1.309 1.309 0 0 0-1.261 1.836l.071.163H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-.81l.071-.163a1.31 1.31 0 0 0-.461-1.611ZM9 13V6.625L11 8l1.306-3H13v8H9ZM3.694 5H3v8h4V6.625L5 8 3.694 5ZM6 3h4L8 6 6 3Z"/></svg>
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
3
+ <path d="M6 12a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H7a1 1 0 0 0-1 1Z"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm0-2A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
3
+ <path d="M12 8a1 1 0 0 1-1 1H5a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1Z"/>
4
+ </svg>
@@ -0,0 +1 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.001 7.463C7.001 4.963 8.95 3 12 3c3.051 0 4.999 1.962 4.999 4.463 0 2-1.117 2.978-2.62 4.165l-.18.142C12.79 12.88 11 14.288 11 17a1 1 0 0 0 2 0c0-1.724 1.055-2.566 2.62-3.803 1.497-1.183 3.379-2.697 3.379-5.734C18.999 3.703 15.995 1 12 1 8.005 1 5.001 3.704 5.001 7.463a1 1 0 1 0 2 0ZM12 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4.997 5.386C4.997 4.022 5.97 3 7.5 3c1.529 0 2.504 1.022 2.504 2.386 0 .58-.154.941-.358 1.222-.229.315-.55.573-.997.907l-.115.086c-.831.618-2.04 1.516-2.04 3.399a1 1 0 1 0 1.996 0c0-.85.429-1.19 1.354-1.883.43-.322.988-.741 1.417-1.333.454-.626.739-1.4.739-2.398C12 2.871 10.084 1 7.5 1S3 2.87 3 5.386a1 1 0 1 0 1.997 0ZM7.5 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>