@sberbusiness/icons-next 1.0.0 → 1.0.1

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.
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IMultiColorIconProps } from "./types";
3
+ declare const HelpSysIcon96: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HelpSysIcon96;
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ const HelpSysIcon96 = React.forwardRef((props, ref) => {
3
+ return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "HelpSysIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
4
+ React.createElement("defs", null,
5
+ React.createElement("filter", { id: "b_help96", width: "64", height: "43.434", x: "16", y: "8", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
6
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
8
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
9
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
10
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
11
+ React.createElement("feOffset", { dy: "3" }),
12
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
13
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
14
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
15
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
16
+ React.createElement("clipPath", { id: "a_help96" },
17
+ React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H96V96H0z" }))),
18
+ React.createElement("g", { clipPath: "url(#a_help96)" },
19
+ React.createElement("circle", { cx: "67", cy: "20", r: "15", fill: "#8291B3" }),
20
+ React.createElement("path", { stroke: "#8291B3", strokeLinecap: "round", strokeWidth: "3", d: "m21 55 27 37M35 55l13 37M75 55 48 92M61 55 48 92" }),
21
+ React.createElement("g", { filter: "url(#b_help96)" },
22
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M77.36 51.1C78.79 47.58 80 43.76 80 39.77 80 22.24 65.65 8 48 8 30.34 8 16 22.24 16 39.77c0 3.99 1.2 7.81 2.63 11.33.15.38.69.44.96.14C20.62 50.08 23.03 48 27 48c3.93 0 6.33 2.05 7.38 3.21.27.31.85.25 1.04-.12 1.19-2.28 5.02-8.09 12.99-8.06 7.3 0 10.99 5.79 12.16 8.06.19.37.76.43 1.04.12C62.65 50.05 65.05 48 69 48c3.96 0 6.37 2.08 7.4 3.24.27.3.81.24.96-.14" }))));
23
+ });
24
+ export default HelpSysIcon96;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IMultiColorIconProps } from "./types";
3
+ declare const NotfoundSysIcon84: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default NotfoundSysIcon84;
@@ -0,0 +1,37 @@
1
+ import React from "react";
2
+ const NotfoundSysIcon84 = React.forwardRef((props, ref) => {
3
+ return React.createElement("svg", { width: "84", height: "84", fill: "none", viewBox: "0 0 84 84", name: "NotfoundSysIcon84", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
4
+ React.createElement("defs", null,
5
+ React.createElement("filter", { id: "b_notfound84", width: "16", height: "60", x: "15", y: "12", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
6
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
8
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
9
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
10
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
11
+ React.createElement("feOffset", { dy: "3" }),
12
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
13
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
14
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
15
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
16
+ React.createElement("filter", { id: "c_notfound84", width: "43", height: "60", x: "25", y: "12", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
17
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
18
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
19
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
20
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
21
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
22
+ React.createElement("feOffset", { dy: "3" }),
23
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
24
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
25
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
26
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
27
+ React.createElement("clipPath", { id: "a_notfound84" },
28
+ React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H84V84H0z" }))),
29
+ React.createElement("g", { clipPath: "url(#a_notfound84)" },
30
+ React.createElement("g", { filter: "url(#b_notfound84)" },
31
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M31 12H21c-3.32 0-6 2.68-6 6v48c0 3.31 2.68 6 6 6h10z" })),
32
+ React.createElement("rect", { width: "20", height: "50", fill: "#8291B3", rx: "6", transform: "matrix(-1 0 0 1 40 17)" }),
33
+ React.createElement("g", { filter: "url(#c_notfound84)" },
34
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M62 12H31c-3.32 0-6 2.68-6 6v48c0 3.31 2.68 6 6 6h31c3.31 0 6-2.69 6-6V18c0-3.32-2.69-6-6-6" })),
35
+ React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "M47.5 40c-5.25 0-9.5 4.25-9.5 9.5 0 5.24 4.25 9.5 9.5 9.5 2.08 0 4-.67 5.57-1.81l4.37 4.36c.59.6 1.52.6 2.12 0 .59-.59.59-1.52 0-2.12l-4.37-4.36A9.44 9.44 0 0 0 57 49.5c0-5.25-4.26-9.5-9.5-9.5m0 3a6.5 6.5 0 1 0 0 13c3.58 0 6.5-2.92 6.5-6.5 0-3.59-2.92-6.5-6.5-6.5" })));
36
+ });
37
+ export default NotfoundSysIcon84;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IMultiColorIconProps } from "./types";
3
+ declare const NotfoundSysIcon96: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default NotfoundSysIcon96;
@@ -0,0 +1,37 @@
1
+ import React from "react";
2
+ const NotfoundSysIcon96 = React.forwardRef((props, ref) => {
3
+ return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "NotfoundSysIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
4
+ React.createElement("defs", null,
5
+ React.createElement("filter", { id: "b_notfound96", width: "16", height: "60", x: "21", y: "18", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
6
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
8
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
9
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
10
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
11
+ React.createElement("feOffset", { dy: "3" }),
12
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
13
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
14
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
15
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
16
+ React.createElement("filter", { id: "c_notfound96", width: "43", height: "60", x: "31", y: "18", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
17
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
18
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
19
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
20
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
21
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
22
+ React.createElement("feOffset", { dy: "3" }),
23
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
24
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
25
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
26
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
27
+ React.createElement("clipPath", { id: "a_notfound96" },
28
+ React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H96V96H0z" }))),
29
+ React.createElement("g", { clipPath: "url(#a_notfound96)" },
30
+ React.createElement("g", { filter: "url(#b_notfound96)" },
31
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M37 18H27c-3.32 0-6 2.68-6 6v48c0 3.31 2.68 6 6 6h10z" })),
32
+ React.createElement("rect", { width: "20", height: "50", fill: "#8291B3", rx: "6", transform: "matrix(-1 0 0 1 46 23)" }),
33
+ React.createElement("g", { filter: "url(#c_notfound96)" },
34
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M68 18H37c-3.32 0-6 2.68-6 6v48c0 3.31 2.68 6 6 6h31c3.31 0 6-2.69 6-6V24c0-3.32-2.69-6-6-6" })),
35
+ React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "M53.5 46c-5.25 0-9.5 4.25-9.5 9.5 0 5.24 4.25 9.5 9.5 9.5 2.08 0 4-.67 5.57-1.81l4.37 4.36c.59.6 1.52.6 2.12 0 .59-.59.59-1.52 0-2.12l-4.37-4.36A9.44 9.44 0 0 0 63 55.5c0-5.25-4.26-9.5-9.5-9.5m0 3a6.5 6.5 0 1 0 0 13c3.58 0 6.5-2.92 6.5-6.5 0-3.59-2.92-6.5-6.5-6.5" })));
36
+ });
37
+ export default NotfoundSysIcon96;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IMultiColorIconProps } from "./types";
3
+ declare const ServicesetupSysIcon128: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ServicesetupSysIcon128;
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ const ServicesetupSysIcon128 = React.forwardRef((props, ref) => {
3
+ return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ServicesetupSysIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
4
+ React.createElement("defs", null,
5
+ React.createElement("filter", { id: "b_servicesetup128", width: "90", height: "90", x: "11", y: "20", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
6
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
8
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
9
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
10
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
11
+ React.createElement("feOffset", { dy: "2" }),
12
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
13
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
14
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
15
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
16
+ React.createElement("clipPath", { id: "a_servicesetup128" },
17
+ React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" }))),
18
+ React.createElement("g", { clipPath: "url(#a_servicesetup128)" },
19
+ React.createElement("path", { fill: "#8291B3", fillRule: "evenodd", d: "M95.03 18c.61 0 1.15.4 1.32.99l1.25 4.35c1.39.38 2.71.94 3.94 1.64l3.93-2.2c.53-.29 1.21-.2 1.64.23l2.87 2.87c.43.44.53 1.11.23 1.64l-2.2 3.93c.7 1.23 1.26 2.55 1.64 3.94l4.35 1.25c.59.17 1 .71 1 1.32v4.07c0 .61-.41 1.15-1 1.32l-4.35 1.25c-.38 1.39-.94 2.71-1.64 3.94l2.2 3.93c.3.53.2 1.2-.23 1.64l-2.87 2.87c-.43.43-1.11.52-1.64.23l-3.93-2.2c-1.23.7-2.55 1.26-3.94 1.64L96.35 61c-.17.59-.71 1-1.32 1h-4.07c-.61 0-1.15-.41-1.32-1l-1.25-4.35c-1.39-.38-2.71-.94-3.94-1.64l-3.93 2.2c-.53.29-1.2.2-1.64-.23l-2.87-2.87c-.43-.44-.52-1.11-.23-1.64l2.2-3.93c-.7-1.23-1.26-2.55-1.64-3.94l-4.35-1.25c-.59-.17-.99-.71-.99-1.32v-4.07c0-.61.4-1.15.99-1.32l4.35-1.25c.38-1.39.94-2.71 1.64-3.94l-2.2-3.93c-.29-.53-.2-1.2.23-1.64l2.87-2.87c.44-.43 1.11-.52 1.64-.23l3.93 2.2c1.23-.7 2.55-1.26 3.94-1.64l1.25-4.35c.17-.59.71-.99 1.32-.99z" }),
20
+ React.createElement("g", { filter: "url(#b_servicesetup128)" },
21
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M60.15 20c1.25 0 2.36.83 2.7 2.03l2.56 8.89c2.84.78 5.55 1.93 8.05 3.35l8.05-4.48c1.1-.61 2.47-.42 3.36.47l5.86 5.86c.89.89 1.08 2.26.47 3.36l-4.48 8.05c1.42 2.5 2.57 5.21 3.35 8.05l8.89 2.56c1.2.34 2.04 1.45 2.04 2.7v8.31c0 1.25-.84 2.36-2.04 2.7l-8.89 2.56c-.78 2.84-1.93 5.55-3.35 8.06l4.48 8.04c.61 1.1.42 2.47-.47 3.36l-5.86 5.86c-.89.89-2.26 1.08-3.36.47l-8.05-4.48c-2.5 1.42-5.21 2.57-8.05 3.35l-2.56 8.89a2.82 2.82 0 0 1-2.7 2.04h-8.31c-1.25 0-2.36-.84-2.7-2.04l-2.56-8.89c-2.84-.78-5.55-1.93-8.05-3.35l-8.05 4.48c-1.1.61-2.47.42-3.36-.47l-5.86-5.86a2.82 2.82 0 0 1-.47-3.36l4.48-8.04a35.5 35.5 0 0 1-3.35-8.06l-8.89-2.56a2.81 2.81 0 0 1-2.03-2.7v-8.31c0-1.25.83-2.36 2.03-2.7l8.89-2.56c.78-2.84 1.93-5.55 3.35-8.05l-4.48-8.05c-.61-1.1-.42-2.47.47-3.36l5.86-5.86c.89-.89 2.26-1.08 3.36-.47l8.05 4.48c2.5-1.42 5.21-2.57 8.05-3.35l2.56-8.89c.34-1.2 1.45-2.03 2.7-2.03zM56 51c-7.74 0-14 6.26-14 14 0 7.73 6.26 14 14 14 7.73 0 14-6.27 14-14 0-7.74-6.27-14-14-14" }))));
22
+ });
23
+ export default ServicesetupSysIcon128;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IMultiColorIconProps } from "./types";
3
+ declare const ServicesetupSysIcon84: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ServicesetupSysIcon84;
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ const ServicesetupSysIcon84 = React.forwardRef((props, ref) => {
3
+ return React.createElement("svg", { width: "84", height: "84", fill: "none", viewBox: "0 0 84 84", name: "ServicesetupSysIcon84", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
4
+ React.createElement("defs", null,
5
+ React.createElement("filter", { id: "b_servicesetup84", width: "68", height: "68", x: "3", y: "9.25", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
6
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
8
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
9
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
10
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
11
+ React.createElement("feOffset", { dy: "2" }),
12
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
13
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
14
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
15
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
16
+ React.createElement("clipPath", { id: "a_servicesetup84" },
17
+ React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H84V84H0z" }))),
18
+ React.createElement("g", { clipPath: "url(#a_servicesetup84)" },
19
+ React.createElement("path", { fill: "#8291B3", fillRule: "evenodd", d: "M65.47 7c.45 0 .84.29.96.72l.91 3.16c1.01.28 1.98.68 2.87 1.19l2.86-1.59a1 1 0 0 1 1.19.16l2.09 2.09a1 1 0 0 1 .16 1.19l-1.59 2.86c.51.89.91 1.86 1.19 2.87l3.16.91c.43.12.73.51.73.96v2.95c0 .45-.3.84-.73.96l-3.16.91a12.5 12.5 0 0 1-1.19 2.87l1.59 2.86a1 1 0 0 1-.16 1.19l-2.09 2.09a1 1 0 0 1-1.19.16l-2.86-1.59c-.89.51-1.86.91-2.87 1.19l-.91 3.16c-.12.43-.51.73-.96.73h-2.95c-.45 0-.84-.3-.96-.73l-.91-3.16a12.5 12.5 0 0 1-2.87-1.19l-2.86 1.59a1 1 0 0 1-1.19-.16l-2.09-2.09a1 1 0 0 1-.16-1.19l1.59-2.86a12.5 12.5 0 0 1-1.19-2.87l-3.16-.91a.99.99 0 0 1-.72-.96v-2.95c0-.45.29-.84.72-.96l3.16-.91a12.5 12.5 0 0 1 1.19-2.87l-1.59-2.86a1 1 0 0 1 .16-1.19l2.09-2.09a1 1 0 0 1 1.19-.16l2.86 1.59a12.5 12.5 0 0 1 2.87-1.19l.91-3.16c.12-.43.51-.72.96-.72z" }),
20
+ React.createElement("g", { filter: "url(#b_servicesetup84)" },
21
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M40.13 9.25c.95 0 1.79.62 2.05 1.53l1.93 6.72c2.14.59 4.19 1.46 6.08 2.53l6.08-3.38a2.12 2.12 0 0 1 2.54.35l4.43 4.43c.67.67.82 1.71.35 2.54l-3.38 6.08a27 27 0 0 1 2.53 6.08l6.72 1.93c.91.26 1.54 1.1 1.54 2.05v6.27c0 .95-.63 1.79-1.54 2.05l-6.72 1.93a27 27 0 0 1-2.53 6.08l3.38 6.08c.47.83.32 1.87-.35 2.54l-4.43 4.43c-.67.67-1.71.82-2.54.35l-6.08-3.38a27 27 0 0 1-6.08 2.53l-1.93 6.72c-.26.91-1.1 1.54-2.05 1.54h-6.27c-.95 0-1.79-.63-2.05-1.54l-1.93-6.72a27 27 0 0 1-6.08-2.53l-6.08 3.38c-.83.47-1.87.32-2.54-.35l-4.43-4.43a2.12 2.12 0 0 1-.35-2.54l3.38-6.08a27 27 0 0 1-2.53-6.08l-6.72-1.93C3.62 48.17 3 47.33 3 46.38v-6.27c0-.95.62-1.79 1.53-2.05l6.72-1.93a27 27 0 0 1 2.53-6.08l-3.38-6.08a2.12 2.12 0 0 1 .35-2.54L15.18 17a2.12 2.12 0 0 1 2.54-.35l6.08 3.38a27 27 0 0 1 6.08-2.53l1.93-6.72c.26-.91 1.1-1.53 2.05-1.53zM37 35c-4.42 0-8 3.58-8 8 0 4.41 3.58 8 8 8 4.41 0 8-3.59 8-8 0-4.42-3.59-8-8-8" }))));
22
+ });
23
+ export default ServicesetupSysIcon84;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IMultiColorIconProps } from "./types";
3
+ declare const ServicesetupSysIcon96: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ServicesetupSysIcon96;
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ const ServicesetupSysIcon96 = React.forwardRef((props, ref) => {
3
+ return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ServicesetupSysIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
4
+ React.createElement("defs", null,
5
+ React.createElement("filter", { id: "b_servicesetup96", width: "68", height: "68", x: "8.25", y: "15", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
6
+ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
7
+ React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
8
+ React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
9
+ React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
10
+ React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
11
+ React.createElement("feOffset", { dy: "2" }),
12
+ React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
13
+ React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
14
+ React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
15
+ React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
16
+ React.createElement("clipPath", { id: "a_servicesetup96" },
17
+ React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H96V96H0z" }))),
18
+ React.createElement("g", { clipPath: "url(#a_servicesetup96)" },
19
+ React.createElement("path", { fill: "#8291B3", fillRule: "evenodd", d: "M70.72 12.75c.45 0 .84.29.96.72l.91 3.16c1.01.28 1.98.68 2.87 1.19l2.86-1.59a1 1 0 0 1 1.19.16l2.09 2.09a1 1 0 0 1 .16 1.19l-1.59 2.86c.51.89.91 1.86 1.19 2.87l3.16.91c.43.12.73.51.73.96v2.95c0 .45-.3.84-.73.96l-3.16.91a12.5 12.5 0 0 1-1.19 2.87l1.59 2.86a1 1 0 0 1-.16 1.19l-2.09 2.09a1 1 0 0 1-1.19.16l-2.86-1.59c-.89.51-1.86.91-2.87 1.19l-.91 3.16c-.12.43-.51.73-.96.73h-2.95c-.45 0-.84-.3-.96-.73l-.91-3.16a12.5 12.5 0 0 1-2.87-1.19l-2.86 1.59a1 1 0 0 1-1.19-.16l-2.09-2.09a1 1 0 0 1-.16-1.19l1.59-2.86a12.5 12.5 0 0 1-1.19-2.87l-3.16-.91a.99.99 0 0 1-.72-.96v-2.95c0-.45.29-.84.72-.96l3.16-.91a12.5 12.5 0 0 1 1.19-2.87l-1.59-2.86a1 1 0 0 1 .16-1.19l2.09-2.09a1 1 0 0 1 1.19-.16l2.86 1.59a12.5 12.5 0 0 1 2.87-1.19l.91-3.16c.12-.43.51-.72.96-.72z" }),
20
+ React.createElement("g", { filter: "url(#b_servicesetup96)" },
21
+ React.createElement("path", { fill: "#95A3C1", fillOpacity: ".4", fillRule: "evenodd", d: "M45.38 15c.95 0 1.79.62 2.05 1.53l1.93 6.72c2.14.59 4.19 1.46 6.08 2.53l6.08-3.38a2.12 2.12 0 0 1 2.54.35l4.43 4.43c.67.67.82 1.71.35 2.54l-3.38 6.08a27 27 0 0 1 2.53 6.08l6.72 1.93c.91.26 1.54 1.1 1.54 2.05v6.27c0 .95-.63 1.79-1.54 2.05l-6.72 1.93a27 27 0 0 1-2.53 6.08l3.38 6.08c.47.83.32 1.87-.35 2.54l-4.43 4.43c-.67.67-1.71.82-2.54.35l-6.08-3.38a27 27 0 0 1-6.08 2.53l-1.93 6.72c-.26.91-1.1 1.54-2.05 1.54h-6.27c-.95 0-1.79-.63-2.05-1.54l-1.93-6.72a27 27 0 0 1-6.08-2.53l-6.08 3.38c-.83.47-1.87.32-2.54-.35L16 70.81a2.12 2.12 0 0 1-.35-2.54l3.38-6.08a27 27 0 0 1-2.53-6.08l-6.72-1.93c-.91-.26-1.53-1.1-1.53-2.05v-6.27c0-.95.62-1.79 1.53-2.05l6.72-1.93a27 27 0 0 1 2.53-6.08l-3.38-6.08a2.12 2.12 0 0 1 .35-2.54l4.43-4.43a2.12 2.12 0 0 1 2.54-.35l6.08 3.38a27 27 0 0 1 6.08-2.53l1.93-6.72c.26-.91 1.1-1.53 2.05-1.53zM42 40c-4.98 0-9 4.02-9 9 0 4.97 4.02 9 9 9a9 9 0 0 0 9-9c0-4.98-4.03-9-9-9" }))));
22
+ });
23
+ export default ServicesetupSysIcon96;
package/index.d.ts CHANGED
@@ -152,3 +152,9 @@ export { default as WaitStrokeStsIcon24 } from "./WaitStrokeStsIcon24";
152
152
  export { default as WarningStrokeStsIcon16 } from "./WarningStrokeStsIcon16";
153
153
  export { default as WarningStrokeStsIcon20 } from "./WarningStrokeStsIcon20";
154
154
  export { default as WarningStrokeStsIcon24 } from "./WarningStrokeStsIcon24";
155
+ export { default as HelpSysIcon96 } from "./HelpSysIcon96";
156
+ export { default as NotfoundSysIcon84 } from "./NotfoundSysIcon84";
157
+ export { default as NotfoundSysIcon96 } from "./NotfoundSysIcon96";
158
+ export { default as ServicesetupSysIcon128 } from "./ServicesetupSysIcon128";
159
+ export { default as ServicesetupSysIcon84 } from "./ServicesetupSysIcon84";
160
+ export { default as ServicesetupSysIcon96 } from "./ServicesetupSysIcon96";
package/index.js CHANGED
@@ -151,3 +151,9 @@ export { default as WaitStrokeStsIcon24 } from "./WaitStrokeStsIcon24";
151
151
  export { default as WarningStrokeStsIcon16 } from "./WarningStrokeStsIcon16";
152
152
  export { default as WarningStrokeStsIcon20 } from "./WarningStrokeStsIcon20";
153
153
  export { default as WarningStrokeStsIcon24 } from "./WarningStrokeStsIcon24";
154
+ export { default as HelpSysIcon96 } from "./HelpSysIcon96";
155
+ export { default as NotfoundSysIcon84 } from "./NotfoundSysIcon84";
156
+ export { default as NotfoundSysIcon96 } from "./NotfoundSysIcon96";
157
+ export { default as ServicesetupSysIcon128 } from "./ServicesetupSysIcon128";
158
+ export { default as ServicesetupSysIcon84 } from "./ServicesetupSysIcon84";
159
+ export { default as ServicesetupSysIcon96 } from "./ServicesetupSysIcon96";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sberbusiness/icons-next",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "author": "СберБизнес",
5
5
  "description": "Иконки интернет-банка СберБизнес",
6
6
  "main": "./index.js",
package/styles/icons.css CHANGED
@@ -1 +1 @@
1
- ._yx4q4b { fill: #008985; } ._fkx0b7 { fill: #19BDB0; } ._l7oaym { fill: #D10032; } ._4s5ldw { fill: #F80C45; } ._3ezy7d { fill: #EF4C01; } ._h3d7oy { fill: #FF7A17; } ._1vjb0ji { fill: #0E57CC; } ._1vpn5e8 { fill: #1297FE; } ._z9z3c4 { fill: #697591; } ._dbwqxb { fill: #95A3C1; } ._1bqn492 { fill: #1F1F22; fill-opacity: .45; } ._928mk { fill: #FFFFFF; fill-opacity: .35; } ._bsi79z { fill: #FFFFFF; fill-opacity: 1; } ._184vztu { fill: #FFFFFF; fill-opacity: 1; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._yx4q4b { fill: #21A19A; } .hoverable:hover ._fkx0b7 { fill: #4BD9CF; } .hoverable:hover ._l7oaym { fill: #E60037; } .hoverable:hover ._4s5ldw { fill: #FF5571; } .hoverable:hover ._3ezy7d { fill: #EF4C01; } .hoverable:hover ._h3d7oy { fill: #FF7A17; } .hoverable:hover ._1vjb0ji { fill: #0E57CC; } .hoverable:hover ._1vpn5e8 { fill: #1297FE; } .hoverable:hover ._z9z3c4 { fill: #697591; } .hoverable:hover ._dbwqxb { fill: #95A3C1; } .hoverable:hover ._1bqn492 { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._928mk { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._bsi79z { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._184vztu { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:not(:disabled):active ._yx4q4b, .hoverable.active ._yx4q4b { fill: #007777; } .hoverable:not(:disabled):active ._fkx0b7, .hoverable.active ._fkx0b7 { fill: #008985; } .hoverable:not(:disabled):active ._l7oaym, .hoverable.active ._l7oaym { fill: #BD002C; } .hoverable:not(:disabled):active ._4s5ldw, .hoverable.active ._4s5ldw { fill: #D10032; } .hoverable:not(:disabled):active ._3ezy7d, .hoverable.active ._3ezy7d { fill: #D10032; } .hoverable:not(:disabled):active ._h3d7oy, .hoverable.active ._h3d7oy { fill: #FF7A17; } .hoverable:not(:disabled):active ._1vjb0ji, .hoverable.active ._1vjb0ji { fill: #0E57CC; } .hoverable:not(:disabled):active ._1vpn5e8, .hoverable.active ._1vpn5e8 { fill: #1297FE; } .hoverable:not(:disabled):active ._z9z3c4, .hoverable.active ._z9z3c4 { fill: #697591; } .hoverable:not(:disabled):active ._dbwqxb, .hoverable.active ._dbwqxb { fill: #95A3C1; } .hoverable:not(:disabled):active ._1bqn492, .hoverable.active ._1bqn492 { fill: #1F1F22; fill-opacity: 1; } .hoverable:not(:disabled):active ._928mk, .hoverable.active ._928mk { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._bsi79z, .hoverable.active ._bsi79z { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._184vztu, .hoverable.active ._184vztu { fill: #FFFFFF; fill-opacity: 1; } .hoverable:disabled ._yx4q4b, .hoverable.disabled ._yx4q4b { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._fkx0b7, .hoverable.disabled ._fkx0b7 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._l7oaym, .hoverable.disabled ._l7oaym { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._4s5ldw, .hoverable.disabled ._4s5ldw { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._3ezy7d, .hoverable.disabled ._3ezy7d { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._h3d7oy, .hoverable.disabled ._h3d7oy { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1vjb0ji, .hoverable.disabled ._1vjb0ji { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1vpn5e8, .hoverable.disabled ._1vpn5e8 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._z9z3c4, .hoverable.disabled ._z9z3c4 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._dbwqxb, .hoverable.disabled ._dbwqxb { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1bqn492, .hoverable.disabled ._1bqn492 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._928mk, .hoverable.disabled ._928mk { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._bsi79z, .hoverable.disabled ._bsi79z { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._184vztu, .hoverable.disabled ._184vztu { fill: #FFFFFF; fill-opacity: .15; }
1
+ ._30jjql { fill: #008985; } ._lydqv9 { fill: #19BDB0; } ._ghtpt4 { fill: #D10032; } ._sd5l3m { fill: #F80C45; } ._y80sqn { fill: #EF4C01; } ._kp995w { fill: #FF7A17; } ._10q9zoo { fill: #0E57CC; } ._10d15s6 { fill: #1297FE; } ._29a3aq { fill: #697591; } ._jpp2vt { fill: #95A3C1; } ._1orwxcg { fill: #1F1F22; fill-opacity: .45; } ._xa00qi { fill: #FFFFFF; fill-opacity: .35; } ._pxnr29 { fill: #FFFFFF; fill-opacity: 1; } ._1se948k { fill: #FFFFFF; fill-opacity: 1; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._30jjql { fill: #21A19A; } .hoverable:hover ._lydqv9 { fill: #4BD9CF; } .hoverable:hover ._ghtpt4 { fill: #E60037; } .hoverable:hover ._sd5l3m { fill: #FF5571; } .hoverable:hover ._y80sqn { fill: #EF4C01; } .hoverable:hover ._kp995w { fill: #FF7A17; } .hoverable:hover ._10q9zoo { fill: #0E57CC; } .hoverable:hover ._10d15s6 { fill: #1297FE; } .hoverable:hover ._29a3aq { fill: #697591; } .hoverable:hover ._jpp2vt { fill: #95A3C1; } .hoverable:hover ._1orwxcg { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._xa00qi { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._pxnr29 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1se948k { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:not(:disabled):active ._30jjql, .hoverable.active ._30jjql { fill: #007777; } .hoverable:not(:disabled):active ._lydqv9, .hoverable.active ._lydqv9 { fill: #008985; } .hoverable:not(:disabled):active ._ghtpt4, .hoverable.active ._ghtpt4 { fill: #BD002C; } .hoverable:not(:disabled):active ._sd5l3m, .hoverable.active ._sd5l3m { fill: #D10032; } .hoverable:not(:disabled):active ._y80sqn, .hoverable.active ._y80sqn { fill: #D10032; } .hoverable:not(:disabled):active ._kp995w, .hoverable.active ._kp995w { fill: #FF7A17; } .hoverable:not(:disabled):active ._10q9zoo, .hoverable.active ._10q9zoo { fill: #0E57CC; } .hoverable:not(:disabled):active ._10d15s6, .hoverable.active ._10d15s6 { fill: #1297FE; } .hoverable:not(:disabled):active ._29a3aq, .hoverable.active ._29a3aq { fill: #697591; } .hoverable:not(:disabled):active ._jpp2vt, .hoverable.active ._jpp2vt { fill: #95A3C1; } .hoverable:not(:disabled):active ._1orwxcg, .hoverable.active ._1orwxcg { fill: #1F1F22; fill-opacity: 1; } .hoverable:not(:disabled):active ._xa00qi, .hoverable.active ._xa00qi { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._pxnr29, .hoverable.active ._pxnr29 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._1se948k, .hoverable.active ._1se948k { fill: #FFFFFF; fill-opacity: 1; } .hoverable:disabled ._30jjql, .hoverable.disabled ._30jjql { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._lydqv9, .hoverable.disabled ._lydqv9 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._ghtpt4, .hoverable.disabled ._ghtpt4 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._sd5l3m, .hoverable.disabled ._sd5l3m { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._y80sqn, .hoverable.disabled ._y80sqn { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._kp995w, .hoverable.disabled ._kp995w { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._10q9zoo, .hoverable.disabled ._10q9zoo { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._10d15s6, .hoverable.disabled ._10d15s6 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._29a3aq, .hoverable.disabled ._29a3aq { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._jpp2vt, .hoverable.disabled ._jpp2vt { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1orwxcg, .hoverable.disabled ._1orwxcg { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._xa00qi, .hoverable.disabled ._xa00qi { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._pxnr29, .hoverable.disabled ._pxnr29 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1se948k, .hoverable.disabled ._1se948k { fill: #FFFFFF; fill-opacity: .15; }
@@ -1,36 +1,36 @@
1
1
  import { EIconsTheme } from "../ThemeProvider";
2
2
  const themeToClassNamePalettes = [
3
3
  {
4
- [EIconsTheme.LIGHT]: "_yx4q4b",
5
- [EIconsTheme.DARK]: "_fkx0b7",
4
+ [EIconsTheme.LIGHT]: "_30jjql",
5
+ [EIconsTheme.DARK]: "_lydqv9",
6
6
  },
7
7
  {
8
- [EIconsTheme.LIGHT]: "_l7oaym",
9
- [EIconsTheme.DARK]: "_4s5ldw",
8
+ [EIconsTheme.LIGHT]: "_ghtpt4",
9
+ [EIconsTheme.DARK]: "_sd5l3m",
10
10
  },
11
11
  {
12
- [EIconsTheme.LIGHT]: "_3ezy7d",
13
- [EIconsTheme.DARK]: "_h3d7oy",
12
+ [EIconsTheme.LIGHT]: "_y80sqn",
13
+ [EIconsTheme.DARK]: "_kp995w",
14
14
  },
15
15
  {
16
- [EIconsTheme.LIGHT]: "_1vjb0ji",
17
- [EIconsTheme.DARK]: "_1vpn5e8",
16
+ [EIconsTheme.LIGHT]: "_10q9zoo",
17
+ [EIconsTheme.DARK]: "_10d15s6",
18
18
  },
19
19
  {
20
- [EIconsTheme.LIGHT]: "_z9z3c4",
21
- [EIconsTheme.DARK]: "_dbwqxb",
20
+ [EIconsTheme.LIGHT]: "_29a3aq",
21
+ [EIconsTheme.DARK]: "_jpp2vt",
22
22
  },
23
23
  {
24
- [EIconsTheme.LIGHT]: "_1bqn492",
25
- [EIconsTheme.DARK]: "_928mk",
24
+ [EIconsTheme.LIGHT]: "_1orwxcg",
25
+ [EIconsTheme.DARK]: "_xa00qi",
26
26
  },
27
27
  {
28
- [EIconsTheme.LIGHT]: "_928mk",
29
- [EIconsTheme.DARK]: "_1bqn492",
28
+ [EIconsTheme.LIGHT]: "_xa00qi",
29
+ [EIconsTheme.DARK]: "_1orwxcg",
30
30
  },
31
31
  {
32
- [EIconsTheme.LIGHT]: "_bsi79z",
33
- [EIconsTheme.DARK]: "_184vztu",
32
+ [EIconsTheme.LIGHT]: "_pxnr29",
33
+ [EIconsTheme.DARK]: "_1se948k",
34
34
  },
35
35
  ];
36
36
  const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];