npm - @sberbusiness/icons-next - Versions diffs - 1.0.1 → 1.1.0 - Mend

@sberbusiness/icons-next 1.0.1 → 1.1.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.

Files changed (73) hide show

package/ArrowleftStrokeSrvIcon24.js +1 -1
package/ArrowrightStrokeSrvIcon24.js +1 -1
package/BalanceStrokeNavIcon20.d.ts +4 -0
package/BalanceStrokeNavIcon20.js +9 -0
package/BalanceStrokeNavIcon24.d.ts +4 -0
package/BalanceStrokeNavIcon24.js +9 -0
package/BalanceStrokeNavIcon32.d.ts +4 -0
package/BalanceStrokeNavIcon32.js +9 -0
package/ConfirmloginMrkIcon128.d.ts +4 -0
package/ConfirmloginMrkIcon128.js +57 -0
package/DownloadStrokeSrvIcon20.d.ts +4 -0
package/DownloadStrokeSrvIcon20.js +9 -0
package/DownloadStrokeSrvIcon24.d.ts +4 -0
package/DownloadStrokeSrvIcon24.js +9 -0
package/DownloadStrokeSrvIcon32.d.ts +4 -0
package/DownloadStrokeSrvIcon32.js +9 -0
package/EmptytableSysIcon128.d.ts +4 -0
package/EmptytableSysIcon128.js +47 -0
package/EmptytableSysIcon96.d.ts +4 -0
package/EmptytableSysIcon96.js +47 -0
package/ErrorStsIcon84.js +5 -9
package/ErrorStsIcon96.js +6 -10
package/ErrorgradientStsIcon128.d.ts +4 -0
package/ErrorgradientStsIcon128.js +27 -0
package/ErrorgradientStsIcon96.d.ts +4 -0
package/ErrorgradientStsIcon96.js +25 -0
package/GotologinMrkIcon128.d.ts +4 -0
package/GotologinMrkIcon128.js +60 -0
package/HelpSysIcon128.d.ts +4 -0
package/HelpSysIcon128.js +51 -0
package/HelpSysIcon96.js +43 -16
package/MenuStrokeNavIcon20.d.ts +4 -0
package/MenuStrokeNavIcon20.js +9 -0
package/MenuStrokeNavIcon24.d.ts +4 -0
package/MenuStrokeNavIcon24.js +9 -0
package/MenuStrokeNavIcon32.d.ts +4 -0
package/MenuStrokeNavIcon32.js +9 -0
package/NodocumentsMrkIcon128.js +56 -16
package/NodocumentsMrkIcon84.d.ts +1 -0
package/NodocumentsMrkIcon84.js +1 -0
package/NodocumentsMrkIcon96.js +57 -17
package/NotfoundSysIcon128.d.ts +4 -0
package/NotfoundSysIcon128.js +47 -0
package/NotfoundSysIcon84.d.ts +1 -0
package/NotfoundSysIcon84.js +1 -0
package/NotfoundSysIcon96.js +40 -30
package/ServicesetupSysIcon128.js +44 -16
package/ServicesetupSysIcon84.d.ts +1 -0
package/ServicesetupSysIcon84.js +1 -0
package/ServicesetupSysIcon96.js +44 -16
package/SuccessStsIcon84.js +5 -9
package/SuccessStsIcon96.js +6 -10
package/SuccessgradientStsIcon128.d.ts +4 -0
package/SuccessgradientStsIcon128.js +25 -0
package/SuccessgradientStsIcon96.d.ts +4 -0
package/SuccessgradientStsIcon96.js +25 -0
package/WaitStsIcon84.js +5 -9
package/WaitStsIcon96.js +6 -10
package/WaitgradientStsIcon128.d.ts +4 -0
package/WaitgradientStsIcon128.js +25 -0
package/WaitgradientStsIcon96.d.ts +4 -0
package/WaitgradientStsIcon96.js +25 -0
package/WarningStsIcon84.js +5 -9
package/WarningStsIcon96.js +6 -10
package/WarninggradientStsIcon128.d.ts +4 -0
package/WarninggradientStsIcon128.js +25 -0
package/WarninggradientStsIcon96.d.ts +4 -0
package/WarninggradientStsIcon96.js +25 -0
package/index.d.ts +23 -0
package/index.js +23 -0
package/package.json +1 -1
package/styles/icons.css +1 -1
package/utils/getPathClassName.js +16 -16

package/ArrowleftStrokeSrvIcon24.js CHANGED Viewed

@@ -6,7 +6,7 @@ const ArrowleftStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps
     return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "ArrowleftStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
         React.createElement("defs", null,
             React.createElement("clipPath", { id: "a_arrowleft24" },
-                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H24V24H0z", transform: "matrix(1 0 0 -1 0 24)" }))),
+                React.createElement("path", { className: pathClassName, d: "M0 0H24V24H0z", transform: "matrix(1 0 0 -1 0 24)" }))),
         React.createElement("g", { clipPath: "url(#a_arrowleft24)" },
             React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m7.27 10.99 3.96-4.32a.99.99 0 0 0-.06-1.41.99.99 0 0 0-1.41.06l-5.5 6c-.18.19-.26.42-.26.67 0 .26.08.49.26.68l5.5 6c.38.41 1 .44 1.41.06s.44-1 .06-1.41l-3.96-4.33H20c.56 0 1-.44 1-1s-.44-1-1-1z" })));
 });

package/ArrowrightStrokeSrvIcon24.js CHANGED Viewed

@@ -6,7 +6,7 @@ const ArrowrightStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps
     return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "ArrowrightStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
         React.createElement("defs", null,
             React.createElement("clipPath", { id: "a_arrowright24" },
-                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H24V24H0z", transform: "matrix(1 0 0 -1 0 24)" }))),
+                React.createElement("path", { className: pathClassName, d: "M0 0H24V24H0z", transform: "matrix(1 0 0 -1 0 24)" }))),
         React.createElement("g", { clipPath: "url(#a_arrowright24)" },
             React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m17.72 10.99-3.96-4.32a.99.99 0 0 1 .06-1.41.99.99 0 0 1 1.41.06l5.5 6c.18.19.27.42.27.67 0 .26-.09.49-.27.68l-5.5 6c-.38.41-1 .44-1.41.06s-.44-1-.06-1.41l3.96-4.33H5c-.57 0-1-.44-1-1s.43-1 1-1z" })));
 });

package/BalanceStrokeNavIcon20.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BalanceStrokeNavIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BalanceStrokeNavIcon20;

package/BalanceStrokeNavIcon20.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BalanceStrokeNavIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "BalanceStrokeNavIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5.5 15v4c0 .56.43 1 1 1 .56 0 1-.44 1-1v-4H12c.56 0 1-.44 1-1 0-.57-.44-1-1-1H7.5v-1.5h4.25c.42 0 .83-.05 1.24-.14.34-.07.67-.18.99-.32q1.035-.435 1.83-1.23c.28-.28.53-.58.74-.9.19-.29.35-.6.49-.93.14-.32.25-.65.32-.99.09-.41.14-.82.14-1.24 0-.43-.05-.84-.14-1.25-.07-.34-.18-.67-.32-.99-.14-.33-.3-.64-.49-.93-.21-.32-.46-.62-.74-.9s-.58-.53-.9-.74c-.29-.19-.6-.35-.93-.49-.32-.14-.65-.25-.99-.32A5.7 5.7 0 0 0 11.75 0H6.5c-.34 0-.59.08-.75.25-.17.16-.25.41-.25.75v8.5H4c-.57 0-1 .43-1 1 0 .56.43 1 1 1h1.5V13H4c-.57 0-1 .43-1 1 0 .56.43 1 1 1zm2-5.5h4.25c.28 0 .57-.04.84-.1.21-.05.41-.11.61-.2.21-.09.41-.19.59-.31.22-.14.42-.31.61-.49.18-.19.35-.39.49-.61.12-.18.22-.38.31-.59.09-.2.15-.4.2-.61.06-.27.1-.56.1-.84 0-.29-.04-.58-.1-.85a3.88 3.88 0 0 0-1-1.81c-.19-.18-.39-.35-.61-.49-.18-.12-.38-.22-.59-.31-.2-.09-.4-.15-.61-.2a4 4 0 0 0-.84-.09H7.5z" }));
+});
+export default BalanceStrokeNavIcon20;

package/BalanceStrokeNavIcon24.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BalanceStrokeNavIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BalanceStrokeNavIcon24;

package/BalanceStrokeNavIcon24.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BalanceStrokeNavIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "BalanceStrokeNavIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7.5 17v4c0 .56.43 1 1 1 .56 0 1-.44 1-1v-4H14c.56 0 1-.44 1-1 0-.57-.44-1-1-1H9.5v-1.5h4.25c.42 0 .83-.05 1.24-.14.34-.07.67-.18.99-.32q1.035-.435 1.83-1.23c.28-.28.53-.58.74-.9.19-.29.35-.6.49-.93.14-.32.25-.65.32-.99.09-.41.14-.82.14-1.24 0-.43-.05-.84-.14-1.25-.07-.34-.18-.67-.32-.99-.14-.33-.3-.64-.49-.93-.21-.32-.46-.62-.74-.9s-.58-.53-.9-.74c-.29-.19-.6-.35-.93-.49-.32-.14-.65-.25-.99-.32A5.7 5.7 0 0 0 13.75 2H8.5c-.34 0-.59.08-.75.25-.17.16-.25.41-.25.75v8.5H6c-.57 0-1 .43-1 1 0 .56.43 1 1 1h1.5V15H6c-.57 0-1 .43-1 1 0 .56.43 1 1 1zm2-5.5h4.25c.28 0 .57-.04.84-.1.21-.05.41-.11.61-.2.21-.09.41-.19.59-.31.22-.14.42-.31.61-.49.18-.19.35-.39.49-.61.12-.18.22-.38.31-.59.09-.2.15-.4.2-.61.06-.27.1-.56.1-.84 0-.29-.04-.58-.1-.85a3.88 3.88 0 0 0-1-1.81c-.19-.18-.39-.35-.61-.49-.18-.12-.38-.22-.59-.31-.2-.09-.4-.15-.61-.2a4 4 0 0 0-.84-.09H9.5z" }));
+});
+export default BalanceStrokeNavIcon24;

package/BalanceStrokeNavIcon32.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BalanceStrokeNavIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BalanceStrokeNavIcon32;

package/BalanceStrokeNavIcon32.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BalanceStrokeNavIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "BalanceStrokeNavIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.91 21.44V26c0 .56.44 1 1 1s1-.44 1-1v-4.56h5.42c.56 0 1-.44 1-1s-.44-1-1-1h-5.42v-1.89h4.81c.46 0 .91-.05 1.36-.15.37-.08.73-.19 1.08-.34a6.3 6.3 0 0 0 3.69-4.43 6.229 6.229 0 0 0 0-2.72c-.08-.37-.2-.73-.35-1.08-.15-.36-.33-.69-.54-1.01a7 7 0 0 0-.8-.99 7 7 0 0 0-.99-.8c-.32-.21-.65-.39-1.01-.54A5.9 5.9 0 0 0 17.72 5h-5.81c-.33 0-.58.08-.75.25-.17.16-.25.41-.25.75v9.55H9c-.57 0-1 .44-1 1s.43 1 1 1h1.91v1.89H9c-.57 0-1 .44-1 1s.43 1 1 1zm2-5.89h4.81c.33 0 .65-.04.96-.11.24-.05.47-.13.7-.23.51-.21.97-.52 1.36-.91.4-.4.7-.85.92-1.36a4.347 4.347 0 0 0 .34-1.67c0-.33-.04-.65-.11-.96-.06-.24-.13-.47-.23-.7-.22-.51-.52-.97-.92-1.36-.39-.4-.85-.7-1.36-.92-.23-.1-.46-.17-.7-.23-.31-.07-.63-.1-.96-.1h-4.81z" }));
+});
+export default BalanceStrokeNavIcon32;

package/ConfirmloginMrkIcon128.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const ConfirmloginMrkIcon128: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default ConfirmloginMrkIcon128;

package/ConfirmloginMrkIcon128.js ADDED Viewed

@@ -0,0 +1,57 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const ConfirmloginMrkIcon128 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            break;
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ConfirmloginMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("defs", null,
+                    React.createElement("clipPath", { id: "a_confirmlogin128" },
+                        React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" })),
+                    React.createElement("linearGradient", { id: "b_confirmlogin128", x1: "64", x2: "64", y1: "56", y2: "124.097", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#CFD8E8" }),
+                        React.createElement("stop", { offset: ".217", stopColor: "#CFD8E8", stopOpacity: "0" }),
+                        React.createElement("stop", { offset: ".781", stopColor: "#CFD8E8", stopOpacity: "0" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#EEF3FC" })),
+                    React.createElement("radialGradient", { id: "c_confirmlogin128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 47.5 -48.4592 0 64 88.5)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { offset: ".213", stopColor: "#50BEB8" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#373C49" })),
+                    React.createElement("linearGradient", { id: "d_confirmlogin128", x1: "28.5", x2: "55.5", y1: "-37.5", y2: "43", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#FFFFFF", stopOpacity: ".2" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#FFFFFF", stopOpacity: "0" }))),
+                React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_confirmlogin128)" },
+                    React.createElement("path", { fill: "#21A19A", d: "M56.49 55h15C88.89 55 103 69.1 103 86.5c0 17.39-14.11 31.5-31.51 31.5h-15c-17.39 0-31.5-14.11-31.5-31.5 0-17.4 14.11-31.5 31.5-31.5" }),
+                    React.createElement("path", { fill: "#373C49", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#b_confirmlogin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#c_confirmlogin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#d_confirmlogin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "#FFFFFF", d: "m64.57 91.23 14.96-17.95c.72-.87.61-2.1-.26-2.82a1.97 1.97 0 0 0-2.81.25l-13.6 16.32-6.45-6.45c-.79-.79-2.04-.79-2.83 0s-.79 2.04 0 2.83l7.96 7.96.11.11c.41.37.92.54 1.42.52.52-.02 1.02-.24 1.4-.66.04-.03.07-.07.1-.11" }),
+                    React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".15", d: "M55.5 16h17c.82 0 1.5.67 1.5 1.5 0 .82-.68 1.5-1.5 1.5h-17c-.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5" })));
+    }
+    return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ConfirmloginMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_confirmlogin128" },
+                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" })),
+            React.createElement("linearGradient", { id: "b_confirmlogin128", x1: "64", x2: "64", y1: "56", y2: "124.097", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#CFD8E8" }),
+                React.createElement("stop", { offset: ".217", stopColor: "#CFD8E8", stopOpacity: "0" }),
+                React.createElement("stop", { offset: ".781", stopColor: "#CFD8E8", stopOpacity: "0" }),
+                React.createElement("stop", { offset: "1", stopColor: "#EEF3FC" })),
+            React.createElement("radialGradient", { id: "c_confirmlogin128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 47.4999 -48.4591 0 64 88.5)", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: ".213", stopColor: "#50BEB8" }),
+                React.createElement("stop", { offset: "1", stopColor: "#D6DEED" })),
+            React.createElement("linearGradient", { id: "d_confirmlogin128", x1: "28.5", x2: "55.5", y1: "-37.5", y2: "43", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#8291B3" }),
+                React.createElement("stop", { offset: "1", stopColor: "#8291B3", stopOpacity: "0" }))),
+        React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_confirmlogin128)" },
+            React.createElement("path", { fill: "#21A19A", d: "M56.49 55h15C88.89 55 103 69.1 103 86.5c0 17.39-14.11 31.5-31.51 31.5h-15c-17.39 0-31.5-14.11-31.5-31.5 0-17.4 14.11-31.5 31.5-31.5" }),
+            React.createElement("path", { fill: "#D6DEED", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#b_confirmlogin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#c_confirmlogin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#d_confirmlogin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "#FFFFFF", d: "m64.57 91.23 14.96-17.95c.72-.87.61-2.1-.26-2.82a1.97 1.97 0 0 0-2.81.25l-13.6 16.32-6.45-6.45c-.79-.79-2.04-.79-2.83 0s-.79 2.04 0 2.83l7.96 7.96.11.11c.41.37.92.54 1.42.52.52-.02 1.02-.24 1.4-.66.04-.03.07-.07.1-.11" }),
+            React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".65", d: "M55.5 16h17c.82 0 1.5.67 1.5 1.5 0 .82-.68 1.5-1.5 1.5h-17c-.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5" })));
+});
+export default ConfirmloginMrkIcon128;

package/DownloadStrokeSrvIcon20.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const DownloadStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default DownloadStrokeSrvIcon20;

package/DownloadStrokeSrvIcon20.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const DownloadStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "DownloadStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m9.29 14.71-5-5C4.1 9.52 4 9.26 4 9c0-.27.1-.53.29-.72.19-.18.44-.29.71-.29s.52.11.71.29L9 11.59V1c0-.56.44-1 1-1 .55 0 1 .44 1 1v10.59l3.28-3.31a1 1 0 0 1 .97-.25c.35.09.62.36.71.71.09.34-.01.71-.26.97l-4.99 5q-.15.135-.33.21a1 1 0 0 1-.76 0 .9.9 0 0 1-.33-.21M3 14c0-.56-.45-1-1-1-.56 0-1 .44-1 1v3c0 1.65 1.34 3 3 3h12c1.65 0 3-1.35 3-3v-3c0-.56-.45-1-1-1-.56 0-1 .44-1 1v3c0 .55-.45 1-1 1H4c-.56 0-1-.45-1-1z" }));
+});
+export default DownloadStrokeSrvIcon20;

package/DownloadStrokeSrvIcon24.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const DownloadStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default DownloadStrokeSrvIcon24;

package/DownloadStrokeSrvIcon24.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const DownloadStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "DownloadStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m11.29 16.7-5-4.99C6.1 11.52 6 11.26 6 11c0-.27.1-.53.29-.71a1 1 0 0 1 .71-.3 1 1 0 0 1 .71.3l3.29 3.3V3c0-.56.44-1 1-1 .55 0 1 .44 1 1v10.59l3.28-3.3c.26-.26.63-.36.97-.26.35.09.62.36.71.71.09.34-.01.71-.26.97l-4.99 4.99a1 1 0 0 1-1.09.22.83.83 0 0 1-.33-.22M5 16c0-.56-.45-1-1-1-.56 0-1 .44-1 1v3c0 1.65 1.34 3 3 3h12c1.65 0 3-1.35 3-3v-3c0-.56-.45-1-1-1-.56 0-1 .44-1 1v3c0 .55-.45 1-1 1H6c-.56 0-1-.45-1-1z" }));
+});
+export default DownloadStrokeSrvIcon24;

package/DownloadStrokeSrvIcon32.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const DownloadStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default DownloadStrokeSrvIcon32;

package/DownloadStrokeSrvIcon32.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const DownloadStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "DownloadStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m22.31 13.76-5.32 4.94V4c0-.57-.44-1-1-1s-1 .43-1 1v14.7l-5.32-4.94a.99.99 0 0 0-1.41.05 1 1 0 0 0 .05 1.42l7 6.5c.1.09.2.15.31.2.12.04.24.07.37.07.26 0 .49-.09.68-.27l7-6.5a1 1 0 0 0 .05-1.42c-.38-.41-1-.43-1.41-.05M7 21c0-.56-.45-1-1-1-.56 0-1 .44-1 1v4c0 1.65 1.34 3 3 3h16c1.65 0 3-1.35 3-3v-4c0-.56-.45-1-1-1-.56 0-1 .44-1 1v4c0 .55-.45 1-1 1H8c-.56 0-1-.45-1-1z" }));
+});
+export default DownloadStrokeSrvIcon32;

package/EmptytableSysIcon128.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const EmptytableSysIcon128: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default EmptytableSysIcon128;

package/EmptytableSysIcon128.js ADDED Viewed

@@ -0,0 +1,47 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const EmptytableSysIcon128 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            break;
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "EmptytableSysIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("defs", null,
+                    React.createElement("clipPath", { id: "a_emptytable128" },
+                        React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" })),
+                    React.createElement("linearGradient", { id: "b_emptytable128", x1: "65", x2: "32", y1: "111", y2: "15.808", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#373C49" }),
+                        React.createElement("stop", { offset: ".369", stopColor: "#373C49", stopOpacity: ".557" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#373C49", stopOpacity: "0" })),
+                    React.createElement("linearGradient", { id: "c_emptytable128", x1: "115.089", x2: "54.982", y1: "66", y2: "80.423", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#373C49" }),
+                        React.createElement("stop", { offset: ".543", stopColor: "#373C49", stopOpacity: "0" }),
+                        React.createElement("stop", { offset: ".991", stopColor: "#373C49", stopOpacity: "0" }))),
+                React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_emptytable128)" },
+                    React.createElement("path", { fill: "#384156", d: "m21.26 89.99 23.48-72.28a6.02 6.02 0 0 1 7.57-3.86l26.64 8.6A5.99 5.99 0 0 1 82.81 30l-23.49 72.28a6.007 6.007 0 0 1-7.56 3.86l-26.65-8.6a5.983 5.983 0 0 1-3.85-7.55" }),
+                    React.createElement("path", { fill: "#697591", d: "M42 21h46c5.52 0 10 4.47 10 10v70c0 5.52-4.48 10-10 10H42c-5.53 0-10-4.48-10-10V31c0-5.53 4.47-10 10-10" }),
+                    React.createElement("path", { fill: "url(#b_emptytable128)", d: "M42 21h46c5.52 0 10 4.47 10 10v70c0 5.52-4.48 10-10 10H42c-5.53 0-10-4.48-10-10V31c0-5.53 4.47-10 10-10" }),
+                    React.createElement("path", { fill: "url(#c_emptytable128)", d: "M42 21h46c5.52 0 10 4.47 10 10v70c0 5.52-4.48 10-10 10H42c-5.53 0-10-4.48-10-10V31c0-5.53 4.47-10 10-10" }),
+                    React.createElement("path", { fill: "#FFFFFF", d: "M46 79h12c1.12 0 2 .87 2 2 0 1.12-.88 2-2 2H46c-1.13 0-2-.88-2-2 0-1.13.87-2 2-2m0 10h22c1.12 0 2 .88 2 2s-.88 2-2 2H46c-1.13 0-2-.88-2-2s.87-2 2-2" })));
+    }
+    return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "EmptytableSysIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_emptytable128" },
+                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" })),
+            React.createElement("linearGradient", { id: "b_emptytable128", x1: "73.534", x2: "38.5", y1: "123.115", y2: "29", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#EEF3FC" }),
+                React.createElement("stop", { offset: ".369", stopColor: "#EEF3FC", stopOpacity: ".557" }),
+                React.createElement("stop", { offset: "1", stopColor: "#EEF3FC", stopOpacity: "0" })),
+            React.createElement("linearGradient", { id: "c_emptytable128", x1: "115.089", x2: "54.982", y1: "66", y2: "80.423", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#EEF3FC" }),
+                React.createElement("stop", { offset: ".543", stopColor: "#EEF3FC", stopOpacity: "0" }),
+                React.createElement("stop", { offset: ".991", stopColor: "#EEF3FC", stopOpacity: "0" }))),
+        React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_emptytable128)" },
+            React.createElement("path", { fill: "#D6DEED", d: "m21.26 89.99 23.48-72.28a6.02 6.02 0 0 1 7.57-3.86l26.64 8.6A5.99 5.99 0 0 1 82.81 30l-23.49 72.28a6.007 6.007 0 0 1-7.56 3.86l-26.65-8.6a5.983 5.983 0 0 1-3.85-7.55" }),
+            React.createElement("path", { fill: "#8291B3", d: "M42 21h46c5.52 0 10 4.47 10 10v70c0 5.52-4.48 10-10 10H42c-5.53 0-10-4.48-10-10V31c0-5.53 4.47-10 10-10" }),
+            React.createElement("path", { fill: "url(#b_emptytable128)", d: "M42 21h46c5.52 0 10 4.47 10 10v70c0 5.52-4.48 10-10 10H42c-5.53 0-10-4.48-10-10V31c0-5.53 4.47-10 10-10" }),
+            React.createElement("path", { fill: "url(#c_emptytable128)", d: "M42 21h46c5.52 0 10 4.47 10 10v70c0 5.52-4.48 10-10 10H42c-5.53 0-10-4.48-10-10V31c0-5.53 4.47-10 10-10" }),
+            React.createElement("path", { fill: "#FFFFFF", d: "M46 79h12c1.12 0 2 .87 2 2 0 1.12-.88 2-2 2H46c-1.13 0-2-.88-2-2 0-1.13.87-2 2-2m0 10h22c1.12 0 2 .88 2 2s-.88 2-2 2H46c-1.13 0-2-.88-2-2s.87-2 2-2" })));
+});
+export default EmptytableSysIcon128;

package/EmptytableSysIcon96.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const EmptytableSysIcon96: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default EmptytableSysIcon96;

package/EmptytableSysIcon96.js ADDED Viewed

@@ -0,0 +1,47 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const EmptytableSysIcon96 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            break;
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "EmptytableSysIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("defs", null,
+                    React.createElement("clipPath", { id: "a_emptytable96" },
+                        React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H96V96H0z" })),
+                    React.createElement("linearGradient", { id: "b_emptytable96", x1: "50", x2: "24", y1: "86", y2: "11.962", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#373C49" }),
+                        React.createElement("stop", { offset: ".369", stopColor: "#373C49", stopOpacity: ".557" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#373C49", stopOpacity: "0" })),
+                    React.createElement("linearGradient", { id: "c_emptytable96", x1: "89.464", x2: "42.107", y1: "51", y2: "62.218", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#373C49" }),
+                        React.createElement("stop", { offset: ".543", stopColor: "#373C49", stopOpacity: "0" }),
+                        React.createElement("stop", { offset: ".991", stopColor: "#373C49", stopOpacity: "0" }))),
+                React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_emptytable96)" },
+                    React.createElement("path", { fill: "#384156", d: "m16.25 70.97 15.99-55.75a6.004 6.004 0 0 1 7.42-4.13l21.17 6.01a5.97 5.97 0 0 1 4.11 7.4L48.96 80.26c-.92 3.18-4.24 5.03-7.43 4.12l-21.16-6a5.987 5.987 0 0 1-4.12-7.41" }),
+                    React.createElement("path", { fill: "#697591", d: "M32 16h36c4.41 0 8 3.58 8 8v54c0 4.41-3.59 8-8 8H32c-4.42 0-8-3.59-8-8V24c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#b_emptytable96)", d: "M32 16h36c4.41 0 8 3.58 8 8v54c0 4.41-3.59 8-8 8H32c-4.42 0-8-3.59-8-8V24c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#c_emptytable96)", d: "M32 16h36c4.41 0 8 3.58 8 8v54c0 4.41-3.59 8-8 8H32c-4.42 0-8-3.59-8-8V24c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "#FFFFFF", d: "M35.5 61h10c.84 0 1.5.66 1.5 1.5s-.66 1.5-1.5 1.5h-10c-.85 0-1.5-.66-1.5-1.5s.65-1.5 1.5-1.5m0 8h17c.84 0 1.5.66 1.5 1.5 0 .83-.66 1.5-1.5 1.5h-17c-.85 0-1.5-.67-1.5-1.5 0-.84.65-1.5 1.5-1.5" })));
+    }
+    return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "EmptytableSysIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_emptytable96" },
+                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H96V96H0z" })),
+            React.createElement("linearGradient", { id: "b_emptytable96", x1: "56.724", x2: "29.121", y1: "95.423", y2: "22.222", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#EEF3FC" }),
+                React.createElement("stop", { offset: ".369", stopColor: "#EEF3FC", stopOpacity: ".557" }),
+                React.createElement("stop", { offset: "1", stopColor: "#EEF3FC", stopOpacity: "0" })),
+            React.createElement("linearGradient", { id: "c_emptytable96", x1: "89.464", x2: "42.107", y1: "51", y2: "62.218", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#EEF3FC" }),
+                React.createElement("stop", { offset: ".543", stopColor: "#EEF3FC", stopOpacity: "0" }),
+                React.createElement("stop", { offset: ".991", stopColor: "#EEF3FC", stopOpacity: "0" }))),
+        React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_emptytable96)" },
+            React.createElement("path", { fill: "#D6DEED", d: "m16.25 70.97 15.99-55.75a6.004 6.004 0 0 1 7.42-4.13l21.17 6.01a5.97 5.97 0 0 1 4.11 7.4L48.96 80.26c-.92 3.18-4.24 5.03-7.43 4.12l-21.16-6a5.987 5.987 0 0 1-4.12-7.41" }),
+            React.createElement("path", { fill: "#8291B3", d: "M32 16h36c4.41 0 8 3.58 8 8v54c0 4.41-3.59 8-8 8H32c-4.42 0-8-3.59-8-8V24c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#b_emptytable96)", d: "M32 16h36c4.41 0 8 3.58 8 8v54c0 4.41-3.59 8-8 8H32c-4.42 0-8-3.59-8-8V24c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#c_emptytable96)", d: "M32 16h36c4.41 0 8 3.58 8 8v54c0 4.41-3.59 8-8 8H32c-4.42 0-8-3.59-8-8V24c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "#FFFFFF", d: "M35.5 61h10c.84 0 1.5.66 1.5 1.5s-.66 1.5-1.5 1.5h-10c-.85 0-1.5-.66-1.5-1.5s.65-1.5 1.5-1.5m0 8h17c.84 0 1.5.66 1.5 1.5 0 .83-.66 1.5-1.5 1.5h-17c-.85 0-1.5-.67-1.5-1.5 0-.84.65-1.5 1.5-1.5" })));
+});
+export default EmptytableSysIcon96;

package/ErrorStsIcon84.js CHANGED Viewed

@@ -4,32 +4,28 @@ const ErrorStsIcon84 = React.forwardRef((props, ref) => {
         React.createElement("defs", null,
             React.createElement("filter", { id: "a_error84", width: "84", height: "84", x: "0", y: "0", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
                 React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
-                React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
-                React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
+                React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
                 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" }),
                 React.createElement("feOffset", { dy: "3" }),
                 React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
                 React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
                 React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
-                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
+                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_1" })),
             React.createElement("filter", { id: "b_error84", width: "64", height: "64", x: "10", y: "10", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
                 React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "4.667" }),
-                React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
-                React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
+                React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
                 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" }),
                 React.createElement("feOffset", { dy: "3" }),
                 React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
                 React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
                 React.createElement("feColorMatrix", { values: "0 0 0 0 0.94902 0 0 0 0 0.95686 0 0 0 0 0.96863 0 0 0 1 0" }),
-                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" }),
+                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_1" }),
                 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" }),
                 React.createElement("feOffset", { dy: "-3" }),
                 React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
                 React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
                 React.createElement("feColorMatrix", { values: "0 0 0 0 0.94902 0 0 0 0 0.95686 0 0 0 0 0.96863 0 0 0 1 0" }),
-                React.createElement("feBlend", { in2: "effect_innerShadow_2", result: "effect_innerShadow_3" }))),
+                React.createElement("feBlend", { in2: "effect_innerShadow_1", result: "effect_innerShadow_2" }))),
         React.createElement("g", { filter: "url(#a_error84)" },
             React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".4", fillRule: "evenodd", d: "M1.68 61.31 28.06 8.62c5.75-11.5 22.12-11.5 27.87 0l26.38 52.69C87.53 71.72 79.98 84 68.37 84H15.62C4.01 84-3.54 71.72 1.68 61.31" })),
         React.createElement("g", { filter: "url(#b_error84)" },

package/ErrorStsIcon96.js CHANGED Viewed

@@ -4,34 +4,30 @@ const ErrorStsIcon96 = React.forwardRef((props, ref) => {
         React.createElement("defs", null,
             React.createElement("filter", { id: "a_error96", width: "96", height: "96", x: "0", y: "0", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
                 React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "6.667" }),
-                React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
-                React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
+                React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
                 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" }),
                 React.createElement("feOffset", { dy: "3" }),
                 React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
                 React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
                 React.createElement("feColorMatrix", { values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
-                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" })),
+                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_1" })),
             React.createElement("filter", { id: "b_error96", width: "70", height: "72", x: "13", y: "12", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
                 React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                React.createElement("feGaussianBlur", { in: "BackgroundImage", stdDeviation: "4.667" }),
-                React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect_backgroundBlur_1" }),
-                React.createElement("feBlend", { in: "SourceGraphic", in2: "effect_backgroundBlur_1", result: "shape" }),
+                React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
                 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" }),
                 React.createElement("feOffset", { dy: "3" }),
                 React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
                 React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
                 React.createElement("feColorMatrix", { values: "0 0 0 0 0.94902 0 0 0 0 0.95686 0 0 0 0 0.96863 0 0 0 1 0" }),
-                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_2" }),
+                React.createElement("feBlend", { in2: "shape", result: "effect_innerShadow_1" }),
                 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" }),
                 React.createElement("feOffset", { dy: "-3" }),
                 React.createElement("feGaussianBlur", { stdDeviation: ".333" }),
                 React.createElement("feComposite", { in2: "hardAlpha", k2: "-1", k3: "1", operator: "arithmetic" }),
                 React.createElement("feColorMatrix", { values: "0 0 0 0 0.94902 0 0 0 0 0.95686 0 0 0 0 0.96863 0 0 0 1 0" }),
-                React.createElement("feBlend", { in2: "effect_innerShadow_2", result: "effect_innerShadow_3" }))),
+                React.createElement("feBlend", { in2: "effect_innerShadow_1", result: "effect_innerShadow_2" }))),
         React.createElement("g", { filter: "url(#a_error96)" },
-            React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".4", fillRule: "evenodd", d: "M1.92 70.07 32.06 9.85c6.59-13.14 25.29-13.14 31.87 0l30.14 60.22C100.03 81.97 91.41 96 78.14 96H17.85C4.58 96-4.04 81.97 1.92 70.07" })),
+            React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".4", fillRule: "evenodd", d: "M1.92 70.07 32.06 9.85c6.59-13.14 25.28-13.14 31.87 0l30.14 60.22C100.03 81.97 91.41 96 78.14 96H17.85C4.58 96-4.04 81.97 1.92 70.07" })),
         React.createElement("g", { filter: "url(#b_error96)" },
             React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".75", fillRule: "evenodd", d: "m13.81 72.58 27.27-56.2c2.84-5.85 10.99-5.85 13.83 0l27.27 56.2C84.73 77.83 80.99 84 75.26 84H20.73c-5.73 0-9.47-6.17-6.92-11.42" })),
         React.createElement("path", { fill: "#D10032", fillRule: "evenodd", d: "M50 56V38c0-1.12-.88-2-2-2-1.13 0-2 .88-2 2v18c0 1.12.87 2 2 2 1.12 0 2-.88 2-2m-2 6c-1.11 0-2 .89-2 2a2 2 0 1 0 2-2" }));

package/ErrorgradientStsIcon128.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const ErrorgradientStsIcon128: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default ErrorgradientStsIcon128;

package/ErrorgradientStsIcon128.js ADDED Viewed

@@ -0,0 +1,27 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const ErrorgradientStsIcon128 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            break;
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ErrorgradientStsIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_errorgradient128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 42.6177 -45.71 0 64 93.03)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#E60037" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#373C49" }))),
+                React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "m76.4 58.39-13.99 13.9c-.47.47-.94.71-1.41.71s-.95-.24-1.42-.71l-7.99-7.94c-.79-.79-.79-2.02 0-2.81.79-.78 2.03-.78 2.83 0L61 68.08l12.57-12.5c.8-.78 2.04-.78 2.83 0 .79.79.79 2.03 0 2.81" }),
+                React.createElement("path", { fill: "url(#a_errorgradient128)", fillRule: "evenodd", d: "m23.68 83.31 26.38-52.69c5.75-11.5 22.12-11.5 27.87 0l26.39 52.69c5.21 10.41-2.33 22.69-13.95 22.69H37.62c-11.61 0-19.16-12.28-13.94-22.69" }),
+                React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "M66 74V56c0-1.12-.88-2-2-2-1.13 0-2 .88-2 2v18c0 1.12.87 2 2 2 1.12 0 2-.88 2-2m-2 6c-1.11 0-2 .89-2 2a2 2 0 1 0 2-2" }));
+    }
+    return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ErrorgradientStsIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("radialGradient", { id: "a_errorgradient128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 42.6177 -45.71 0 64 93.03)", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E60037" }),
+                React.createElement("stop", { offset: "1", stopColor: "#D6DEED" }))),
+        React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "m76.4 58.39-13.99 13.9c-.47.47-.94.71-1.41.71s-.95-.24-1.42-.71l-7.99-7.94c-.79-.79-.79-2.02 0-2.81.79-.78 2.03-.78 2.83 0L61 68.08l12.57-12.5c.8-.78 2.04-.78 2.83 0 .79.79.79 2.03 0 2.81" }),
+        React.createElement("path", { fill: "url(#a_errorgradient128)", fillRule: "evenodd", d: "m23.68 83.31 26.38-52.69c5.75-11.5 22.12-11.5 27.87 0l26.39 52.69c5.21 10.41-2.33 22.69-13.95 22.69H37.62c-11.61 0-19.16-12.28-13.94-22.69" }),
+        React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "M66 74V56c0-1.12-.88-2-2-2-1.13 0-2 .88-2 2v18c0 1.12.87 2 2 2 1.12 0 2-.88 2-2m-2 6c-1.11 0-2 .89-2 2a2 2 0 1 0 2-2" }));
+});
+export default ErrorgradientStsIcon128;

package/ErrorgradientStsIcon96.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const ErrorgradientStsIcon96: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default ErrorgradientStsIcon96;

package/ErrorgradientStsIcon96.js ADDED Viewed

@@ -0,0 +1,25 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const ErrorgradientStsIcon96 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            break;
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ErrorgradientStsIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_errorgradient96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 36.5295 -39.18 0 48 72.882)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#E60037" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#373C49" }))),
+                React.createElement("path", { fill: "url(#a_errorgradient96)", fillRule: "evenodd", d: "m13.44 64.55 22.61-45.16c4.93-9.86 18.96-9.86 23.89 0l22.61 45.16C87.02 73.48 80.56 84 70.61 84H25.38c-9.95 0-16.41-10.52-11.94-19.45" }),
+                React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "M50 54V39c0-1.12-.88-2-2-2-1.13 0-2 .88-2 2v15c0 1.12.87 2 2 2 1.12 0 2-.88 2-2m-2 7c-1.11 0-2 .89-2 2a2 2 0 1 0 2-2" }));
+    }
+    return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ErrorgradientStsIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("radialGradient", { id: "a_errorgradient96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 36.5295 -39.18 0 48 72.882)", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E60037" }),
+                React.createElement("stop", { offset: "1", stopColor: "#D6DEED" }))),
+        React.createElement("path", { fill: "url(#a_errorgradient96)", fillRule: "evenodd", d: "m13.44 64.55 22.61-45.16c4.93-9.86 18.96-9.86 23.89 0l22.61 45.16C87.02 73.48 80.56 84 70.61 84H25.38c-9.95 0-16.41-10.52-11.94-19.45" }),
+        React.createElement("path", { fill: "#FFFFFF", fillRule: "evenodd", d: "M50 54V39c0-1.12-.88-2-2-2-1.13 0-2 .88-2 2v15c0 1.12.87 2 2 2 1.12 0 2-.88 2-2m-2 7c-1.11 0-2 .89-2 2a2 2 0 1 0 2-2" }));
+});
+export default ErrorgradientStsIcon96;

package/GotologinMrkIcon128.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const GotologinMrkIcon128: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default GotologinMrkIcon128;

package/GotologinMrkIcon128.js ADDED Viewed

@@ -0,0 +1,60 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const GotologinMrkIcon128 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            break;
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "GotologinMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("defs", null,
+                    React.createElement("clipPath", { id: "a_gotologin128" },
+                        React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" })),
+                    React.createElement("linearGradient", { id: "b_gotologin128", x1: "93", x2: "35", y1: "90.5", y2: "90.5", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#21A19A", stopOpacity: ".6" }),
+                        React.createElement("stop", { offset: ".581", stopColor: "#21A19A", stopOpacity: ".467" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#21A19A", stopOpacity: "0" })),
+                    React.createElement("linearGradient", { id: "c_gotologin128", x1: "64", x2: "64", y1: "56", y2: "120", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#373C49" }),
+                        React.createElement("stop", { offset: ".238", stopColor: "#373C49", stopOpacity: "0" }),
+                        React.createElement("stop", { offset: ".828", stopColor: "#373C49", stopOpacity: ".188" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#373C49" })),
+                    React.createElement("linearGradient", { id: "d_gotologin128", x1: "28.5", x2: "55.5", y1: "-37.5", y2: "43", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#FFFFFF", stopOpacity: ".2" }),
+                        React.createElement("stop", { offset: ".962", stopColor: "#FFFFFF", stopOpacity: "0" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#4A4F5C", stopOpacity: "0" }))),
+                React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_gotologin128)" },
+                    React.createElement("path", { fill: "#21A19A", d: "M59 66h38c3.31 0 6 2.68 6 6v35c0 3.31-2.69 6-6 6H59c-3.32 0-6-2.69-6-6V72c0-3.32 2.68-6 6-6" }),
+                    React.createElement("path", { fill: "#373C49", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#b_gotologin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#c_gotologin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "url(#d_gotologin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+                    React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".15", d: "M55.5 16h17c.82 0 1.5.67 1.5 1.5 0 .82-.68 1.5-1.5 1.5h-17c-.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5" }),
+                    React.createElement("path", { fill: "#FFFFFF", d: "M68.65 77.52c.83-.75 2.07-.69 2.82.14l10 10.99c.41.45.62.9.62 1.35 0 .44-.21.89-.62 1.34l-10 10.99c-.75.83-1.99.89-2.82.14-.83-.76-.89-2-.13-2.83l6.95-7.65H56c-1.12 0-2-.88-2-1.99 0-1.12.88-2 2-2h19.47l-6.95-7.65c-.76-.83-.7-2.07.13-2.83" })));
+    }
+    return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "GotologinMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_gotologin128" },
+                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H128V128H0z" })),
+            React.createElement("linearGradient", { id: "b_gotologin128", x1: "93", x2: "35", y1: "90.5", y2: "90.5", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#21A19A", stopOpacity: ".6" }),
+                React.createElement("stop", { offset: ".581", stopColor: "#21A19A", stopOpacity: ".467" }),
+                React.createElement("stop", { offset: "1", stopColor: "#21A19A", stopOpacity: "0" })),
+            React.createElement("linearGradient", { id: "c_gotologin128", x1: "64", x2: "64", y1: "56", y2: "124.097", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#CFD8E8" }),
+                React.createElement("stop", { offset: ".217", stopColor: "#CFD8E8", stopOpacity: "0" }),
+                React.createElement("stop", { offset: ".781", stopColor: "#CFD8E8", stopOpacity: "0" }),
+                React.createElement("stop", { offset: "1", stopColor: "#EEF3FC" })),
+            React.createElement("linearGradient", { id: "d_gotologin128", x1: "28.5", x2: "55.5", y1: "-37.5", y2: "43", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#8291B3" }),
+                React.createElement("stop", { offset: "1", stopColor: "#8291B3", stopOpacity: "0" }))),
+        React.createElement("g", { fillRule: "evenodd", clipPath: "url(#a_gotologin128)" },
+            React.createElement("path", { fill: "#21A19A", d: "M59 66h38c3.31 0 6 2.68 6 6v35c0 3.31-2.69 6-6 6H59c-3.32 0-6-2.69-6-6V72c0-3.32 2.68-6 6-6" }),
+            React.createElement("path", { fill: "#CFD8E8", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#b_gotologin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#c_gotologin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "url(#d_gotologin128)", d: "M43 10h42c4.41 0 8 3.58 8 8v92c0 4.41-3.59 8-8 8H43c-4.42 0-8-3.59-8-8V18c0-4.42 3.58-8 8-8" }),
+            React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".65", d: "M55.5 16h17c.82 0 1.5.67 1.5 1.5 0 .82-.68 1.5-1.5 1.5h-17c-.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5" }),
+            React.createElement("path", { fill: "#FFFFFF", d: "M68.65 77.52c.83-.75 2.07-.69 2.82.14l10 10.99c.41.45.62.9.62 1.35 0 .44-.21.89-.62 1.34l-10 10.99c-.75.83-1.99.89-2.82.14-.83-.76-.89-2-.13-2.83l6.95-7.65H56c-1.12 0-2-.88-2-1.99 0-1.12.88-2 2-2h19.47l-6.95-7.65c-.76-.83-.7-2.07.13-2.83" })));
+});
+export default GotologinMrkIcon128;

package/HelpSysIcon128.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const HelpSysIcon128: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default HelpSysIcon128;