@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.
- package/HelpSysIcon96.d.ts +4 -0
- package/HelpSysIcon96.js +24 -0
- package/NotfoundSysIcon84.d.ts +4 -0
- package/NotfoundSysIcon84.js +37 -0
- package/NotfoundSysIcon96.d.ts +4 -0
- package/NotfoundSysIcon96.js +37 -0
- package/ServicesetupSysIcon128.d.ts +4 -0
- package/ServicesetupSysIcon128.js +23 -0
- package/ServicesetupSysIcon84.d.ts +4 -0
- package/ServicesetupSysIcon84.js +23 -0
- package/ServicesetupSysIcon96.d.ts +4 -0
- package/ServicesetupSysIcon96.js +23 -0
- package/index.d.ts +6 -0
- package/index.js +6 -0
- package/package.json +1 -1
- package/styles/icons.css +1 -1
- package/utils/getPathClassName.js +16 -16
package/HelpSysIcon96.js
ADDED
|
@@ -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,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,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,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,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,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
package/styles/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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]: "
|
|
5
|
-
[EIconsTheme.DARK]: "
|
|
4
|
+
[EIconsTheme.LIGHT]: "_30jjql",
|
|
5
|
+
[EIconsTheme.DARK]: "_lydqv9",
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
|
-
[EIconsTheme.LIGHT]: "
|
|
9
|
-
[EIconsTheme.DARK]: "
|
|
8
|
+
[EIconsTheme.LIGHT]: "_ghtpt4",
|
|
9
|
+
[EIconsTheme.DARK]: "_sd5l3m",
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
|
-
[EIconsTheme.LIGHT]: "
|
|
13
|
-
[EIconsTheme.DARK]: "
|
|
12
|
+
[EIconsTheme.LIGHT]: "_y80sqn",
|
|
13
|
+
[EIconsTheme.DARK]: "_kp995w",
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
[EIconsTheme.LIGHT]: "
|
|
17
|
-
[EIconsTheme.DARK]: "
|
|
16
|
+
[EIconsTheme.LIGHT]: "_10q9zoo",
|
|
17
|
+
[EIconsTheme.DARK]: "_10d15s6",
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
|
-
[EIconsTheme.LIGHT]: "
|
|
21
|
-
[EIconsTheme.DARK]: "
|
|
20
|
+
[EIconsTheme.LIGHT]: "_29a3aq",
|
|
21
|
+
[EIconsTheme.DARK]: "_jpp2vt",
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
[EIconsTheme.LIGHT]: "
|
|
25
|
-
[EIconsTheme.DARK]: "
|
|
24
|
+
[EIconsTheme.LIGHT]: "_1orwxcg",
|
|
25
|
+
[EIconsTheme.DARK]: "_xa00qi",
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
[EIconsTheme.LIGHT]: "
|
|
29
|
-
[EIconsTheme.DARK]: "
|
|
28
|
+
[EIconsTheme.LIGHT]: "_xa00qi",
|
|
29
|
+
[EIconsTheme.DARK]: "_1orwxcg",
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
[EIconsTheme.LIGHT]: "
|
|
33
|
-
[EIconsTheme.DARK]: "
|
|
32
|
+
[EIconsTheme.LIGHT]: "_pxnr29",
|
|
33
|
+
[EIconsTheme.DARK]: "_1se948k",
|
|
34
34
|
},
|
|
35
35
|
];
|
|
36
36
|
const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];
|