@sberbusiness/icons-next 1.0.0-beta.2 → 1.0.0

package/ArrowleftStrokeSrvIcon24.d.ts

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

package/ArrowleftStrokeSrvIcon24.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowleftStrokeSrvIcon24 = 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: "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("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" })));
+});
+export default ArrowleftStrokeSrvIcon24;

package/ArrowleftStrokeSrvIcon32.d.ts

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

package/ArrowleftStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowleftStrokeSrvIcon32 = 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: "ArrowleftStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m10.29 14.99 4.94-5.31a1 1 0 0 0-.05-1.42 1 1 0 0 0-1.42.05l-6.5 7c-.18.2-.26.42-.26.68 0 .14.02.26.06.37.05.11.11.22.2.32l6.5 7a1 1 0 0 0 1.42.05 1 1 0 0 0 .05-1.42l-4.94-5.32H25c.56 0 1-.44 1-1s-.44-1-1-1z" }));
+});
+export default ArrowleftStrokeSrvIcon32;

package/ArrowrightStrokeSrvIcon24.d.ts

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

package/ArrowrightStrokeSrvIcon24.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowrightStrokeSrvIcon24 = 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: "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("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" })));
+});
+export default ArrowrightStrokeSrvIcon24;

package/ArrowrightStrokeSrvIcon32.d.ts

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

package/ArrowrightStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowrightStrokeSrvIcon32 = 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: "ArrowrightStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m22.7 14.99-4.94-5.31a1 1 0 0 1 .05-1.42 1 1 0 0 1 1.42.05l6.5 7c.18.2.27.42.27.68 0 .14-.03.26-.07.37-.05.11-.11.22-.2.32l-6.5 7a1 1 0 0 1-1.42.05 1 1 0 0 1-.05-1.42l4.94-5.32H8c-.57 0-1-.44-1-1s.43-1 1-1z" }));
+});
+export default ArrowrightStrokeSrvIcon32;

package/BellStrokeNavIcon20.d.ts

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

package/BellStrokeNavIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BellStrokeNavIcon20 = 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: "BellStrokeNavIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9 2.07a6.563 6.563 0 0 0-1.73.48c-.4.16-.77.36-1.13.6-.39.26-.75.56-1.09.9s-.64.7-.9 1.09c-.24.36-.44.73-.6 1.13-.17.39-.3.8-.39 1.21C3.05 7.97 3 8.48 3 9v6H2c-.56 0-1 .43-1 1 0 .56.44 1 1 1h16c.56 0 1-.44 1-1 0-.57-.44-1-1-1h-1V9c0-.52-.06-1.03-.17-1.52-.09-.41-.22-.82-.39-1.21-.16-.4-.36-.77-.6-1.13-.26-.39-.56-.75-.9-1.09s-.7-.64-1.09-.9c-.36-.24-.73-.44-1.13-.6A6.6 6.6 0 0 0 11 2.07V1c0-.57-.44-1-1-1-.57 0-1 .43-1 1zM15 15V9c0-.39-.05-.76-.13-1.13-.06-.28-.15-.55-.27-.82-.11-.28-.25-.54-.42-.79-.18-.29-.4-.55-.65-.8s-.51-.47-.8-.65c-.25-.17-.51-.31-.79-.42-.27-.12-.54-.21-.82-.27a5.286 5.286 0 0 0-2.25 0c-.28.06-.55.15-.82.27-.28.11-.54.25-.79.42-.29.18-.55.4-.8.65s-.47.51-.65.8c-.17.25-.31.51-.42.79-.12.27-.21.54-.27.82C5.04 8.24 5 8.61 5 9v6zm-3 3H8c-.56 0-1 .43-1 1 0 .56.44 1 1 1h4c.56 0 1-.44 1-1 0-.57-.44-1-1-1" }));
+});
+export default BellStrokeNavIcon20;

package/BellStrokeNavIcon24.d.ts

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

package/BellStrokeNavIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BellStrokeNavIcon24 = 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: "BellStrokeNavIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M11 4.07a6.563 6.563 0 0 0-1.73.48c-.4.16-.77.36-1.13.6-.39.26-.75.56-1.09.9s-.64.7-.9 1.09c-.24.36-.44.73-.6 1.13-.17.39-.3.8-.39 1.21-.11.49-.16 1-.16 1.52v6H4c-.56 0-1 .43-1 1 0 .56.44 1 1 1h16c.56 0 1-.44 1-1 0-.57-.44-1-1-1h-1v-6c0-.52-.06-1.03-.17-1.52-.09-.41-.22-.82-.39-1.21-.16-.4-.36-.77-.6-1.13-.26-.39-.56-.75-.9-1.09s-.7-.64-1.09-.9c-.36-.24-.73-.44-1.13-.6A6.6 6.6 0 0 0 13 4.07V3c0-.57-.44-1-1-1s-1 .43-1 1zM17 17v-6c0-.39-.05-.76-.13-1.13-.06-.28-.15-.55-.27-.82-.11-.28-.25-.54-.42-.79-.18-.29-.4-.55-.65-.8s-.51-.47-.8-.65c-.25-.17-.51-.31-.79-.42-.27-.12-.54-.21-.82-.27a5.286 5.286 0 0 0-2.25 0c-.28.06-.55.15-.82.27-.28.11-.54.25-.79.42-.29.18-.55.4-.8.65s-.47.51-.65.8c-.17.25-.31.51-.42.79-.12.27-.21.54-.27.82-.08.37-.12.74-.12 1.13v6zm-3 3h-4c-.57 0-1 .43-1 1 0 .56.43 1 1 1h4c.56 0 1-.44 1-1 0-.57-.44-1-1-1" }));
+});
+export default BellStrokeNavIcon24;

package/BellStrokeNavIcon32.d.ts

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

package/BellStrokeNavIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BellStrokeNavIcon32 = 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: "BellStrokeNavIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15 6.06c-.25.03-.5.07-.74.12-.47.11-.93.25-1.38.44-.45.2-.88.42-1.28.69-.45.3-.87.64-1.26 1.03s-.73.81-1.03 1.26c-.27.4-.49.83-.69 1.28-.19.45-.33.91-.44 1.38Q8 13.1 8 14v7H7c-.56 0-1 .43-1 1 0 .56.44 1 1 1h18c.56 0 1-.44 1-1 0-.57-.44-1-1-1h-1v-7c0-.6-.07-1.18-.19-1.74-.11-.47-.25-.93-.44-1.38-.2-.45-.42-.88-.69-1.28-.3-.45-.64-.87-1.03-1.26a8.2 8.2 0 0 0-1.26-1.03c-.4-.27-.83-.49-1.28-.69-.45-.19-.91-.33-1.38-.44-.24-.05-.49-.09-.73-.12V5c0-.57-.44-1-1-1s-1 .43-1 1zM22 21v-7q0-.69-.15-1.35c-.08-.33-.19-.67-.33-.99-.14-.33-.3-.65-.5-.95-.22-.34-.49-.66-.78-.96-.3-.29-.62-.56-.96-.78-.3-.2-.62-.36-.95-.5-.32-.14-.66-.25-.99-.33C16.9 8.04 16.45 8 16 8c-.46 0-.91.04-1.35.14-.33.08-.67.19-.99.33-.33.14-.65.3-.95.5-.34.22-.66.49-.96.78-.29.3-.56.62-.78.96-.2.3-.36.62-.5.95-.14.32-.25.66-.33.99-.1.44-.14.89-.14 1.35v7zm-4 4h-4c-.56 0-1 .43-1 1 0 .56.44 1 1 1h4c.56 0 1-.44 1-1 0-.57-.44-1-1-1" }));
+});
+export default BellStrokeNavIcon32;

package/CalendarStrokeSrvIcon16.d.ts

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

package/CalendarStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CalendarStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "CalendarStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M6 1v1h4V1c0-.56.44-1 1-1s1 .44 1 1v1h1c.21 0 .43.02.63.06.18.04.36.1.53.17.18.07.34.16.49.26.17.11.32.24.47.38a3.1 3.1 0 0 1 .81 1.49c.04.2.07.42.07.64v8c0 .21-.03.43-.07.63-.04.18-.1.36-.17.53-.07.18-.16.34-.26.49-.11.17-.24.32-.38.47-.28.27-.6.49-.96.64-.37.16-.76.24-1.16.24H3c-.22 0-.44-.03-.64-.07-.18-.04-.36-.1-.53-.17-.18-.07-.34-.16-.49-.26-.17-.11-.32-.24-.47-.38a3.1 3.1 0 0 1-.81-1.49C.02 13.43 0 13.21 0 13V5c0-.22.02-.44.06-.64.04-.18.1-.36.17-.53.07-.18.16-.34.26-.49.11-.17.24-.32.38-.47.15-.14.3-.27.47-.38.15-.1.31-.19.49-.26.17-.07.35-.13.53-.17.2-.04.42-.06.64-.06h1V1c0-.56.44-1 1-1s1 .44 1 1m4 3v1c0 .56.44 1 1 1s1-.44 1-1V4h1c.13 0 .26.02.38.07.06.03.11.05.15.08a1.2 1.2 0 0 1 .31.31c.03.04.05.09.08.15.05.12.08.25.08.39v2H2V5c0-.09 0-.17.02-.25.02-.05.03-.1.05-.14.03-.06.05-.11.08-.15a1.2 1.2 0 0 1 .31-.31c.04-.03.09-.05.15-.08.04-.02.09-.03.14-.05C2.83 4 2.91 4 3 4h1v1c0 .56.44 1 1 1s1-.44 1-1V4zM2 9v4c0 .13.02.26.07.38.03.06.05.11.08.15.04.06.09.12.14.17.09.09.2.17.32.22.04.02.09.03.14.05.08.02.16.03.25.03h10c.13 0 .26-.03.38-.08.06-.03.11-.05.15-.08.06-.04.12-.09.17-.14a.995.995 0 0 0 .3-.7V9z" }));
+});
+export default CalendarStrokeSrvIcon16;

package/CaretdownStrokeSrvIcon16.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretdownStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "CaretdownStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2.75 5.33c.36-.41 1-.45 1.41-.08L8 8.66l3.83-3.41a.997.997 0 0 1 1.41.08c.37.41.33 1.05-.08 1.41l-4.5 4c-.38.34-.95.34-1.33 0l-4.5-4c-.41-.36-.45-1-.08-1.41" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2.75 5.83c.36-.41 1-.45 1.41-.08L8 9.16l3.83-3.41a.997.997 0 0 1 1.41.08c.37.41.33 1.05-.08 1.41l-4.5 4c-.38.34-.95.34-1.33 0l-4.5-4c-.41-.36-.45-1-.08-1.41" }));
 });
 export default CaretdownStrokeSrvIcon16;

package/CaretdownStrokeSrvIcon20.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretdownStrokeSrvIcon20 = 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: "CaretdownStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.75 7.33c.36-.41 1-.45 1.41-.08L10 10.66l3.83-3.41a.997.997 0 0 1 1.41.08c.37.41.33 1.05-.08 1.41l-4.5 4c-.38.34-.95.34-1.33 0l-4.5-4c-.41-.36-.45-1-.08-1.41" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.75 8.33c.36-.41 1-.45 1.41-.08L10 11.66l3.83-3.41a.997.997 0 0 1 1.41.08c.37.41.33 1.05-.08 1.41l-4.5 4c-.38.34-.95.34-1.33 0l-4.5-4c-.41-.36-.45-1-.08-1.41" }));
 });
 export default CaretdownStrokeSrvIcon20;

package/CaretdownStrokeSrvIcon24.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretdownStrokeSrvIcon24 = 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: "CaretdownStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7.17 8.76a.99.99 0 0 0-1.41.06.98.98 0 0 0 .07 1.41l5.49 4.96c.23.2.45.31.68.31.22 0 .44-.11.67-.31l5.49-4.96a.98.98 0 0 0 .07-1.41c-.38-.41-1-.44-1.41-.06L12 13.11z" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7.17 9.76a.99.99 0 0 0-1.41.06.98.98 0 0 0 .07 1.41l5.49 4.96c.23.2.45.31.68.31.22 0 .44-.11.67-.31l5.49-4.96a.98.98 0 0 0 .07-1.41c-.38-.41-1-.44-1.41-.06L12 14.11z" }));
 });
 export default CaretdownStrokeSrvIcon24;

package/CaretleftStrokeSrvIcon16.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretleftStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "CaretleftStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.66 2.75c.41.36.45 1 .08 1.41L7.33 8l3.41 3.83c.37.41.33 1.05-.08 1.41a.997.997 0 0 1-1.41-.08l-4-4.5a.995.995 0 0 1 0-1.33l4-4.5c.36-.41 1-.45 1.41-.08" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.16 2.75c.41.36.45 1 .08 1.41L6.83 8l3.41 3.83c.37.41.33 1.05-.08 1.41a.997.997 0 0 1-1.41-.08l-4-4.5a.995.995 0 0 1 0-1.33l4-4.5c.36-.41 1-.45 1.41-.08" }));
 });
 export default CaretleftStrokeSrvIcon16;

package/CaretleftStrokeSrvIcon20.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretleftStrokeSrvIcon20 = 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: "CaretleftStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M12.66 4.75c.41.36.45 1 .08 1.41L9.33 9.99l3.41 3.84c.37.41.33 1.05-.08 1.41a.997.997 0 0 1-1.41-.08l-4-4.5a.995.995 0 0 1 0-1.33l4-4.5c.36-.41 1-.45 1.41-.08" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M11.66 4.75c.41.36.45 1 .08 1.41L8.33 9.99l3.41 3.84c.37.41.33 1.05-.08 1.41a.997.997 0 0 1-1.41-.08l-4-4.5a.995.995 0 0 1 0-1.33l4-4.5c.36-.41 1-.45 1.41-.08" }));
 });
 export default CaretleftStrokeSrvIcon20;

package/CaretleftStrokeSrvIcon24.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretleftStrokeSrvIcon24 = 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: "CaretleftStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.23 7.17a.99.99 0 0 0-.06-1.41.98.98 0 0 0-1.41.07L8.8 11.32c-.2.23-.3.45-.3.68 0 .22.1.44.3.67l4.96 5.49c.38.42.99.45 1.41.07.41-.38.44-1 .06-1.41L10.88 12z" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14.23 7.17a.99.99 0 0 0-.06-1.41.98.98 0 0 0-1.41.07L7.8 11.32c-.2.23-.3.45-.3.68 0 .22.1.44.3.67l4.96 5.49c.38.42.99.45 1.41.07.41-.38.44-1 .06-1.41L9.88 12z" }));
 });
 export default CaretleftStrokeSrvIcon24;

package/CaretrightStrokeSrvIcon16.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretrightStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "CaretrightStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5.33 2.75c-.41.36-.45 1-.08 1.41L8.66 8l-3.41 3.83a.997.997 0 0 0 .08 1.41c.41.37 1.05.33 1.41-.08l4-4.5c.34-.38.34-.95 0-1.33l-4-4.5c-.36-.41-1-.45-1.41-.08" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5.83 2.75c-.41.36-.45 1-.08 1.41L9.16 8l-3.41 3.83a.997.997 0 0 0 .08 1.41c.41.37 1.05.33 1.41-.08l4-4.5c.34-.38.34-.95 0-1.33l-4-4.5c-.36-.41-1-.45-1.41-.08" }));
 });
 export default CaretrightStrokeSrvIcon16;

package/CaretrightStrokeSrvIcon20.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretrightStrokeSrvIcon20 = 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: "CaretrightStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7.33 15.24c-.41-.36-.45-1-.08-1.41l3.41-3.84-3.41-3.83a.997.997 0 0 1 .08-1.41.997.997 0 0 1 1.41.08l4 4.5c.34.38.34.95 0 1.33l-4 4.5c-.36.41-1 .45-1.41.08" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M8.33 15.24c-.41-.36-.45-1-.08-1.41l3.41-3.84-3.41-3.83a.997.997 0 0 1 .08-1.41.997.997 0 0 1 1.41.08l4 4.5c.34.38.34.95 0 1.33l-4 4.5c-.36.41-1 .45-1.41.08" }));
 });
 export default CaretrightStrokeSrvIcon20;

package/CaretrightStrokeSrvIcon24.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretrightStrokeSrvIcon24 = 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: "CaretrightStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M8.76 7.17a.99.99 0 0 1 .06-1.41.98.98 0 0 1 1.41.07l4.96 5.49c.2.23.31.45.31.68 0 .22-.11.44-.31.67l-4.96 5.49a.98.98 0 0 1-1.41.07c-.41-.38-.44-1-.06-1.41L13.11 12z" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9.76 7.17a.99.99 0 0 1 .06-1.41.98.98 0 0 1 1.41.07l4.96 5.49c.2.23.31.45.31.68 0 .22-.11.44-.31.67l-4.96 5.49a.98.98 0 0 1-1.41.07c-.41-.38-.44-1-.06-1.41L14.11 12z" }));
 });
 export default CaretrightStrokeSrvIcon24;

package/CaretupStrokeSrvIcon16.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretupStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "CaretupStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2.75 10.66c.36.41 1 .45 1.41.08L8 7.33l3.83 3.41c.41.37 1.05.33 1.41-.08a.997.997 0 0 0-.08-1.41l-4.5-4a.995.995 0 0 0-1.33 0l-4.5 4c-.41.36-.45 1-.08 1.41" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2.75 10.16c.36.41 1 .45 1.41.08L8 6.83l3.83 3.41c.41.37 1.05.33 1.41-.08a.997.997 0 0 0-.08-1.41l-4.5-4a.995.995 0 0 0-1.33 0l-4.5 4c-.41.36-.45 1-.08 1.41" }));
 });
 export default CaretupStrokeSrvIcon16;

package/CaretupStrokeSrvIcon20.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretupStrokeSrvIcon20 = 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: "CaretupStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.24 12.66c-.36.41-1 .45-1.41.08L10 9.33l-3.84 3.41a.997.997 0 0 1-1.41-.08.997.997 0 0 1 .08-1.41l4.5-4c.38-.34.95-.34 1.33 0l4.5 4c.41.36.45 1 .08 1.41" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.24 11.66c-.36.41-1 .45-1.41.08L10 8.33l-3.84 3.41a.997.997 0 0 1-1.41-.08.997.997 0 0 1 .08-1.41l4.5-4c.38-.34.95-.34 1.33 0l4.5 4c.41.36.45 1 .08 1.41" }));
 });
 export default CaretupStrokeSrvIcon20;

package/CaretupStrokeSrvIcon24.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CaretupStrokeSrvIcon24 = 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: "CaretupStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7.17 15.23a.99.99 0 0 1-1.41-.06.98.98 0 0 1 .07-1.41l5.49-4.96c.23-.2.45-.3.68-.3.22 0 .44.1.67.3l5.49 4.96c.42.38.45.99.07 1.41-.38.41-1 .44-1.41.06L12 10.88z" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7.17 14.23a.99.99 0 0 1-1.41-.06.98.98 0 0 1 .07-1.41l5.49-4.96c.23-.2.45-.3.68-.3.22 0 .44.1.67.3l5.49 4.96c.42.38.45.99.07 1.41-.38.41-1 .44-1.41.06L12 9.88z" }));
 });
 export default CaretupStrokeSrvIcon24;

package/CaretupdownStrokeSrvIcon16.d.ts

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

package/CaretupdownStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CaretupdownStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "CaretupdownStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M13.24 5.66c-.36.41-1 .45-1.41.08L8 2.33 4.16 5.74a.997.997 0 0 1-1.41-.08.997.997 0 0 1 .08-1.41l4.5-4c.38-.34.95-.34 1.33 0l4.5 4c.41.36.45 1 .08 1.41m-1.41 4.59a.997.997 0 0 1 1.41.08c.37.41.33 1.05-.08 1.41l-4.5 4c-.38.34-.95.34-1.33 0l-4.5-4c-.41-.36-.45-1-.08-1.41.36-.41 1-.45 1.41-.08L8 13.66z" }));
+});
+export default CaretupdownStrokeSrvIcon16;

package/CaretupdownStrokeSrvIcon20.d.ts

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

package/CaretupdownStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CaretupdownStrokeSrvIcon20 = 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: "CaretupdownStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.24 7.66c-.36.41-1 .45-1.41.08L10 4.33 6.16 7.74a.997.997 0 0 1-1.41-.08.997.997 0 0 1 .08-1.41l4.5-4c.38-.34.95-.34 1.33 0l4.5 4c.41.36.45 1 .08 1.41m-1.41 4.59a.997.997 0 0 1 1.41.08c.37.41.33 1.05-.08 1.41l-4.5 4c-.38.34-.95.34-1.33 0l-4.5-4c-.41-.36-.45-1-.08-1.41.36-.41 1-.45 1.41-.08L10 15.66z" }));
+});
+export default CaretupdownStrokeSrvIcon20;

package/CaretupdownStrokeSrvIcon24.d.ts

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

package/CaretupdownStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CaretupdownStrokeSrvIcon24 = 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: "CaretupdownStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5.76 8.67c.38.41 1 .44 1.41.06L12 4.38l4.82 4.35c.41.38 1.03.35 1.41-.06a.98.98 0 0 0-.07-1.41L12.67 2.3c-.23-.2-.45-.3-.67-.3-.23 0-.45.1-.68.3L5.83 7.26a.98.98 0 0 0-.07 1.41m1.41 6.59a.99.99 0 0 0-1.41.06.98.98 0 0 0 .07 1.41l5.49 4.96c.23.2.45.31.68.31.22 0 .44-.11.67-.31l5.49-4.96a.98.98 0 0 0 .07-1.41c-.38-.41-1-.44-1.41-.06L12 19.61z" }));
+});
+export default CaretupdownStrokeSrvIcon24;

package/EditStrokeSrvIcon16.d.ts

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

package/EditStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const EditStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "EditStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.88.73a2 2 0 0 0-.33.26L1.97 9.58a2 2 0 0 0-.49.78l-.8 2.42c-.07.21-.11.42-.11.62 0 .17.02.34.07.51.04.17.1.32.18.46.09.17.2.32.34.46s.29.25.46.34c.14.08.29.14.46.18.38.1.75.09 1.13-.04l2.42-.81c.15-.04.29-.11.42-.19s.25-.18.36-.29L15 5.44c.19-.2.33-.42.43-.67q.15-.36.15-.75t-.15-.75c-.04-.12-.1-.23-.17-.34a2.6 2.6 0 0 0-.26-.32L13.38 1c-.19-.2-.41-.34-.66-.44q-.36-.15-.75-.15c-.14 0-.27.01-.4.04-.12.02-.24.06-.35.11-.12.04-.23.1-.34.17m.02 2.75 1.07-1.07 1.61 1.61-1.07 1.07zM9.48 4.9l-6.1 6.09-.8 2.42 2.42-.8 6.09-6.1z" }));
+});
+export default EditStrokeSrvIcon16;

package/EditStrokeSrvIcon20.d.ts

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

package/EditStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const EditStrokeSrvIcon20 = 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: "EditStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M19.68 3.69a2.6 2.6 0 0 0-.26-.32l-2.8-2.8c-.1-.1-.21-.18-.32-.26-.11-.07-.22-.12-.34-.17-.11-.05-.23-.08-.35-.11a2.6 2.6 0 0 0-.78 0c-.12.03-.24.06-.35.11a2.1 2.1 0 0 0-.66.43L1.76 12.64c-.24.24-.41.52-.5.84L.08 17.45c-.11.37-.11.73-.01 1.09q.135.495.51.87c.13.14.27.25.43.33.14.08.29.14.44.18.36.1.73.1 1.09-.01l3.97-1.18c.33-.09.6-.26.84-.5L19.42 6.17a2.1 2.1 0 0 0 .43-.66c.05-.11.08-.23.11-.35.02-.13.04-.26.04-.39s-.02-.26-.04-.39c-.03-.12-.06-.24-.11-.35-.05-.12-.1-.23-.17-.34m-4.46-1.72 2.8 2.8-1.54 1.54-2.8-2.8zm-.14 5.74-2.8-2.8-9.13 9.13-1.17 3.97 3.97-1.17z" }));
+});
+export default EditStrokeSrvIcon20;

package/EditStrokeSrvIcon24.d.ts

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

package/EditStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const EditStrokeSrvIcon24 = 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: "EditStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M21.68 5.69a2.6 2.6 0 0 0-.26-.32l-2.8-2.8c-.1-.1-.21-.18-.32-.26-.11-.07-.22-.12-.34-.17-.11-.05-.23-.08-.35-.11a2.6 2.6 0 0 0-.78 0c-.12.03-.24.06-.35.11a2.1 2.1 0 0 0-.66.43L3.76 14.64c-.24.24-.41.52-.5.84l-1.18 3.97c-.11.37-.11.73-.01 1.09q.135.495.51.87c.13.14.27.25.43.33.14.08.29.14.44.18.36.1.73.1 1.09-.01l3.97-1.18c.32-.09.6-.26.84-.5L21.42 8.17a2.1 2.1 0 0 0 .43-.66c.05-.11.08-.23.11-.35.02-.13.04-.26.04-.39s-.02-.26-.04-.39c-.03-.12-.06-.24-.11-.35-.05-.12-.1-.23-.17-.34m-4.46-1.72 2.8 2.8-1.54 1.54-2.8-2.8zm-.14 5.74-2.8-2.8-9.13 9.13-1.17 3.97 3.97-1.17z" }));
+});
+export default EditStrokeSrvIcon24;

package/EditStrokeSrvIcon32.d.ts

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

package/EditStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const EditStrokeSrvIcon32 = 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: "EditStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M27.18 8.19a2.6 2.6 0 0 0-.26-.32l-2.8-2.8c-.1-.1-.21-.18-.32-.26-.11-.07-.22-.12-.34-.17-.11-.05-.23-.08-.35-.11a2.6 2.6 0 0 0-.78 0c-.12.03-.24.06-.35.11a2.1 2.1 0 0 0-.66.43L6.26 20.14c-.24.24-.41.52-.5.84l-1.18 3.97c-.11.36-.11.73-.01 1.09q.135.495.51.87c.13.14.27.25.43.33.14.08.29.14.44.18.36.1.73.1 1.09-.01l3.97-1.18c.33-.09.6-.26.84-.5l15.07-15.06a2.1 2.1 0 0 0 .43-.66c.05-.11.08-.23.11-.35.02-.13.04-.26.04-.39s-.02-.26-.04-.39c-.03-.12-.06-.24-.11-.35-.05-.12-.1-.23-.17-.34m-4.46-1.72 2.8 2.8-1.54 1.54-2.8-2.8zm-.14 5.74-2.8-2.8L7.65 21.54l-1.17 3.97 3.97-1.17z" }));
+});
+export default EditStrokeSrvIcon32;

package/ErrorStrokeStsIcon16.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const ErrorStrokeStsIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "ErrorStrokeStsIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M12.99 16 3 15.99c-.54 0-1.04-.13-1.5-.4q-.645-.375-1.05-1.02-.21-.345-.33-.72c-.06-.22-.1-.45-.12-.68a2.907 2.907 0 0 1 .32-1.52l4.99-9.99c.15-.3.34-.57.57-.79.17-.18.37-.33.58-.45C6.93.14 7.44 0 8 0c.29 0 .58.04.86.12.23.07.45.17.67.3.21.12.41.27.58.45.23.22.42.49.57.79l4.99 9.99c.24.49.35 1 .31 1.53-.03.5-.18.96-.44 1.39-.27.43-.62.77-1.05 1.03-.21.11-.42.21-.64.27-.27.08-.56.13-.86.13M3 13.99l9.99.01q.18 0 .34-.06.08-.03.16-.08c.14-.08.26-.19.35-.34a.97.97 0 0 0 .04-.97l-4.99-10a.95.95 0 0 0-.38-.41C8.35 2.05 8.18 2 7.99 2c-.18 0-.35.05-.51.14s-.29.23-.38.41l-4.99 10c-.08.16-.12.33-.11.5a1 1 0 0 0 .5.81c.15.09.32.13.5.13M7 6v3c0 .56.44 1 1 1s1-.44 1-1V6c0-.56-.44-1-1-1s-1 .44-1 1m0 6c0-.56.44-1 1-1 .55 0 1 .44 1 1 0 .55-.45 1-1 1-.56 0-1-.45-1-1" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M12.99 15.99H3c-.54 0-1.04-.14-1.5-.4-.44-.25-.79-.6-1.05-1.03q-.225-.345-.33-.72c-.07-.22-.1-.44-.12-.67-.01-.24 0-.47.04-.69.05-.29.14-.56.27-.83l5-10A3 3 0 0 1 6.46.41C6.93.13 7.44 0 8 0c.3 0 .58.04.86.12a2.897 2.897 0 0 1 1.25.74c.23.23.42.49.57.79l5 10c.24.48.34.99.31 1.52-.03.5-.18.97-.45 1.4q-.39.645-1.05 1.02c-.2.12-.41.21-.63.28q-.42.12-.87.12m-9.99-2h9.99c.18 0 .35-.04.5-.13.14-.08.26-.2.35-.34a1.014 1.014 0 0 0 .05-.98l-5-9.99c-.09-.18-.22-.32-.38-.42A1 1 0 0 0 8 2c-.19 0-.36.04-.52.13-.16.1-.29.24-.38.42l-5 9.99a1 1 0 0 0 .05.97c.09.15.21.26.35.35.15.08.32.13.5.13m4-8v3c0 .56.44 1 1 1s1-.44 1-1v-3c0-.56-.44-1-1-1s-1 .44-1 1m0 6c0-.55.44-1 1-1 .55 0 1 .45 1 1s-.45 1-1 1c-.56 0-1-.45-1-1" }));
 });
 export default ErrorStrokeStsIcon16;

package/ErrorStsIcon84.d.ts

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

package/ErrorStsIcon84.js

@@ -0,0 +1,39 @@
+import React from "react";
+const ErrorStsIcon84 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "84", height: "84", fill: "none", viewBox: "0 0 84 84", name: "ErrorStsIcon84", focusable: "false", "aria-hidden": "true", ...props, ref: 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("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("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("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("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("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)" },
+            React.createElement("path", { fill: "#FFFFFF", fillOpacity: ".75", fillRule: "evenodd", d: "M10.74 63.84 35.67 13.9c2.6-5.21 10.05-5.21 12.65 0l24.93 49.94C75.58 68.51 72.17 74 66.92 74H17.07c-5.25 0-8.66-5.49-6.33-10.16" })),
+        React.createElement("path", { fill: "#D10032", fillRule: "evenodd", d: "M44 48V33c0-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 ErrorStsIcon84;

package/ErrorStsIcon96.d.ts

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

package/ErrorStsIcon96.js

@@ -0,0 +1,39 @@
+import React from "react";
+const ErrorStsIcon96 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ErrorStsIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: 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("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("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("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("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("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("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" }));
+});
+export default ErrorStsIcon96;

package/ExitStrokeNavIcon20.d.ts

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

package/ExitStrokeNavIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ExitStrokeNavIcon20 = 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: "ExitStrokeNavIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5 19c-.22 0-.44-.03-.64-.07-.18-.04-.36-.1-.53-.17s-.34-.16-.49-.26c-.17-.11-.32-.24-.47-.38-.14-.15-.27-.3-.38-.47-.1-.15-.19-.31-.26-.49-.07-.17-.13-.35-.17-.53-.04-.2-.06-.42-.06-.63V4c0-.22.02-.44.06-.64.04-.18.1-.36.17-.53.07-.18.16-.34.26-.49.11-.17.24-.32.38-.47.15-.14.3-.27.47-.38.15-.1.31-.19.49-.26.17-.07.35-.13.53-.17.2-.04.42-.06.64-.06h8c.56 0 1 .44 1 1s-.44 1-1 1H5c-.09 0-.17 0-.25.02-.05.02-.1.03-.14.05-.06.03-.11.05-.15.08a1.2 1.2 0 0 0-.31.31c-.03.04-.05.09-.08.15-.02.04-.03.09-.05.14C4 3.83 4 3.91 4 4v12c0 .13.02.26.07.38s.13.23.22.32.2.17.32.22c.04.02.09.03.14.05.08.02.16.03.25.03h8c.56 0 1 .44 1 1s-.44 1-1 1zm8.48-13.71a1.07 1.07 0 0 0-1.47 0 .96.96 0 0 0 0 1.41L14.39 9H8.03C7.45 9 7 9.44 7 10c0 .55.45.99 1.03.99h6.36l-2.38 2.3a.96.96 0 0 0 0 1.41c.41.39 1.05.39 1.47 0l4.15-4c.24-.23.37-.47.37-.7 0-.24-.13-.48-.37-.71z" }));
+});
+export default ExitStrokeNavIcon20;

package/ExitStrokeNavIcon24.d.ts

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

package/ExitStrokeNavIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ExitStrokeNavIcon24 = 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: "ExitStrokeNavIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7 21c-.22 0-.44-.03-.64-.07-.18-.04-.36-.1-.53-.17s-.34-.16-.49-.26c-.17-.11-.32-.24-.47-.38-.14-.15-.27-.3-.38-.47-.1-.15-.19-.31-.26-.49-.07-.17-.13-.35-.17-.53-.04-.2-.06-.42-.06-.63V6c0-.22.02-.44.06-.64.04-.18.1-.36.17-.53.07-.18.16-.34.26-.49.11-.17.24-.32.38-.47.15-.14.3-.27.47-.38.15-.1.31-.19.49-.26.17-.07.35-.13.53-.17.2-.04.42-.06.64-.06h8c.56 0 1 .44 1 1s-.44 1-1 1H7c-.09 0-.17 0-.25.02-.05.02-.1.03-.14.05-.06.03-.11.05-.15.08a1.2 1.2 0 0 0-.31.31c-.03.04-.05.09-.08.15-.02.04-.03.09-.05.14C6 5.83 6 5.91 6 6v12c0 .13.02.26.07.38s.13.23.22.32.2.17.32.22c.04.02.09.03.14.05.08.02.16.03.25.03h8c.56 0 1 .44 1 1s-.44 1-1 1zm8.48-13.71a1.07 1.07 0 0 0-1.47 0 .96.96 0 0 0 0 1.41l2.38 2.3h-6.36C9.45 11 9 11.44 9 12c0 .55.45.99 1.03.99h6.36l-2.38 2.3a.96.96 0 0 0 0 1.41c.41.39 1.05.39 1.47 0l4.15-4c.24-.23.37-.47.37-.7 0-.24-.13-.48-.37-.71z" }));
+});
+export default ExitStrokeNavIcon24;

package/ExitStrokeNavIcon32.d.ts

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

package/ExitStrokeNavIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ExitStrokeNavIcon32 = 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: "ExitStrokeNavIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9 27h10c.56 0 1-.44 1-1s-.44-1-1-1H9c-.09 0-.17-.01-.25-.03-.05-.02-.1-.03-.14-.05-.06-.03-.11-.05-.15-.08a1.2 1.2 0 0 1-.31-.31c-.03-.04-.05-.09-.08-.15A1 1 0 0 1 8 24V8c0-.09 0-.17.02-.25.02-.05.03-.1.05-.14.03-.06.05-.11.08-.15a1.2 1.2 0 0 1 .31-.31c.04-.03.09-.05.15-.08.04-.02.09-.03.14-.05C8.83 7 8.91 7 9 7h10c.56 0 1-.44 1-1s-.44-1-1-1H9c-.22 0-.44.02-.64.06-.18.04-.36.1-.53.17-.18.07-.34.16-.49.26-.17.11-.32.24-.47.38-.14.15-.27.3-.38.47-.1.15-.19.31-.26.49-.07.17-.13.34-.17.52-.04.21-.06.43-.06.65v16c0 .21.02.43.06.63a3.104 3.104 0 0 0 .81 1.49c.15.14.3.27.47.38.15.1.32.19.49.26s.35.13.53.17c.2.04.42.07.64.07m16.92-11.39q-.075-.18-.21-.33l-5-4.99c-.26-.25-.63-.35-.97-.26-.35.09-.62.36-.71.71-.1.34 0 .71.26.97l3.3 3.29H15c-.56 0-1 .44-1 .99 0 .56.44 1 1 1h7.59l-3.3 3.29a1 1 0 0 0-.3.71 1 1 0 0 0 .3.71c.18.19.44.3.71.3.26 0 .52-.11.71-.3l5-5q.135-.135.21-.33a1 1 0 0 0 0-.76" }));
+});
+export default ExitStrokeNavIcon32;