@sberbusiness/icons-next 1.0.0-alpha.0 → 1.0.0-beta.0

package/ArrowdownStrokeSrvIcon20.d.ts

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

package/ArrowdownStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowdownStrokeSrvIcon20 = 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: "ArrowdownStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "m4.29 10.71 4.99 5q.15.135.33.21c.25.1.52.1.76 0q.195-.075.33-.21l5-5c.25-.26.35-.63.26-.97a.98.98 0 0 0-.71-.71c-.35-.09-.72 0-.97.26l-3.29 3.3V5c0-.55-.44-1-1-1-.55 0-1 .45-1 1v7.59l-3.28-3.3c-.19-.19-.45-.3-.71-.3a1 1 0 0 0-.71.3 1 1 0 0 0-.3.71c0 .26.11.52.3.71" }));
+});
+export default ArrowdownStrokeSrvIcon20;

package/ArrowleftStrokeSrvIcon20.d.ts

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

package/ArrowleftStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowleftStrokeSrvIcon20 = 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: "ArrowleftStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M4.07 9.61q.075-.18.21-.33l5-4.99c.25-.25.62-.35.97-.26s.62.36.71.71c.09.34-.01.71-.26.97L7.4 9h7.59a.994.994 0 1 1 0 1.99H7.4l3.3 3.29a1 1 0 0 1 .3.71 1 1 0 0 1-.3.71 1 1 0 0 1-.71.3 1 1 0 0 1-.71-.3l-5-5a.9.9 0 0 1-.21-.33 1 1 0 0 1 0-.76" }));
+});
+export default ArrowleftStrokeSrvIcon20;

package/ArrowrightFilledSrvIcon20.d.ts

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

package/ArrowrightFilledSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowrightFilledSrvIcon20 = 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: "ArrowrightFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-5.53-4.48-10-10-10m5.71 9.28q.135.15.21.33a1 1 0 0 1 0 .76q-.075.195-.21.33l-5 5c-.19.19-.45.3-.71.3-.27 0-.53-.11-.72-.3-.18-.19-.29-.44-.29-.71s.11-.52.29-.71l3.31-3.29H5c-.56 0-1-.44-1-1C4 9.44 4.44 9 5 9h7.59L9.28 5.71a1 1 0 0 1-.25-.97c.09-.35.36-.62.71-.71.34-.09.71.01.97.26z" }));
+});
+export default ArrowrightFilledSrvIcon20;

package/ArrowrightFilledSrvIcon32.d.ts

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

package/ArrowrightFilledSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowrightFilledSrvIcon32 = 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: "ArrowrightFilledSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 3C8.82 3 3 8.82 3 16c0 7.17 5.82 13 13 13 7.17 0 13-5.83 13-13 0-7.18-5.83-13-13-13m1.7 6.29 6 6c.2.19.3.43.3.71 0 .27-.1.51-.3.7l-6 6c-.39.4-1.02.4-1.41 0a.98.98 0 0 1 0-1.41L20.58 17H9c-.57 0-1-.44-1-1s.43-1 1-1h11.58l-4.29-4.3a.98.98 0 0 1 0-1.41c.39-.4 1.02-.4 1.41 0" }));
+});
+export default ArrowrightFilledSrvIcon32;

package/ArrowrightStrokeSrvIcon20.d.ts

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

package/ArrowrightStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowrightStrokeSrvIcon20 = 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: "ArrowrightStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M15.92 9.61q-.075-.18-.21-.33l-5-4.99c-.26-.25-.63-.35-.97-.26-.35.09-.62.36-.71.71a1 1 0 0 0 .25.97L12.59 9H5c-.56 0-1 .44-1 .99 0 .56.44 1 1 1h7.59l-3.31 3.29c-.18.19-.29.44-.29.71s.11.52.29.71c.19.19.45.3.72.3.26 0 .52-.11.71-.3l5-5q.135-.135.21-.33a1 1 0 0 0 0-.76" }));
+});
+export default ArrowrightStrokeSrvIcon20;

package/ArrowupStrokeSrvIcon20.d.ts

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

package/ArrowupStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ArrowupStrokeSrvIcon20 = 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: "ArrowupStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "m4.29 9.28 4.99-5q.15-.135.33-.21a1 1 0 0 1 .76 0q.195.075.33.21l5 5c.25.26.35.63.26.97-.09.35-.36.62-.71.71-.35.1-.72 0-.97-.26l-3.29-3.3v7.59c0 .56-.44 1-1 1-.55 0-1-.44-1-1V7.4l-3.28 3.3c-.19.19-.45.3-.71.3a1 1 0 0 1-.71-.3.98.98 0 0 1-.3-.71c0-.26.11-.52.3-.71" }));
+});
+export default ArrowupStrokeSrvIcon20;

package/AttachmentStrokeSrvIcon16.d.ts

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

package/AttachmentStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const AttachmentStrokeSrvIcon16 = 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: "AttachmentStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.63 2c-.55 0-.86.24-1.96 1.33L3.73 8.22C3.26 8.7 3 9.33 3 10c0 .48 0 .89.13 1.33.12.42.38.93.98 1.53s1.11.86 1.52.99c.44.12.83.13 1.31.13.65 0 1.27-.27 1.76-.77l.01-.01 4.56-4.43a.996.996 0 0 1 1.41.01c.39.4.38 1.03-.02 1.42l-4.55 4.43c-.83.83-1.95 1.35-3.17 1.35h-.03c-.47 0-1.12 0-1.85-.22-.76-.23-1.55-.67-2.37-1.48-.81-.82-1.26-1.62-1.48-2.39-.22-.73-.22-1.39-.21-1.85V10a4.5 4.5 0 0 1 1.32-3.2h.01l4.93-4.89.12-.12C8.28.89 9.17 0 10.63 0c.9 0 2.06.36 2.95 1.25.9.9 1.27 2.06 1.27 2.96 0 1.46-1 2.45-1.92 3.38l-.58.56c-.34.35-.81.81-1.3 1.29-.98.97-2.04 2.02-2.37 2.34-1.11 1.11-2.68.86-3.54 0-.89-.89-1.07-2.44.02-3.52.32-.33.76-.76 1.19-1.19l.02-.02c.42-.42.84-.83 1.14-1.12a.987.987 0 0 1 1.41 0c.39.39.39 1.02 0 1.41-.3.3-.72.71-1.14 1.13l-.02.02c-.43.43-.87.86-1.19 1.18-.13.14-.17.26-.16.36 0 .12.05.24.14.33.1.09.23.15.36.16.11 0 .23-.03.36-.15.33-.33 1.39-1.39 2.37-2.35.49-.49.96-.95 1.31-1.29l.57-.56c1.11-1.11 1.33-1.41 1.33-1.96 0-.41-.19-1.05-.68-1.54S11.05 2 10.63 2" }));
+});
+export default AttachmentStrokeSrvIcon16;

package/AttachmentStrokeSrvIcon20.d.ts

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

package/AttachmentStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const AttachmentStrokeSrvIcon20 = 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: "AttachmentStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M17 4.39c0-.64-.24-1.24-.7-1.7-.45-.44-1.06-.69-1.69-.69-.64 0-1.23.24-1.69.69l-8.81 8.82C3.39 12.23 3 13.18 3 14.2c0 1.01.39 1.97 1.11 2.68a3.769 3.769 0 0 0 5.36 0l6.91-6.91a.996.996 0 1 1 1.41 1.41l-6.91 6.91A5.76 5.76 0 0 1 6.79 20c-1.55 0-3.01-.62-4.1-1.71a5.805 5.805 0 0 1 0-8.19l8.81-8.82C12.34.44 13.44 0 14.61 0A4.39 4.39 0 0 1 19 4.39a4.4 4.4 0 0 1-1.29 3.1l-.3.3c-.19.19-.46.47-.79.8l-2.47 2.47-4.14 4.14c-1.09 1.09-3.02 1.37-4.28.14-.9-.9-1.49-2.88 0-4.36.49-.49 1.5-1.51 2.5-2.51.99-1 1.97-1.99 2.39-2.4.39-.4 1.02-.39 1.42 0 .39.39.39 1.02 0 1.41-.42.41-1.4 1.4-2.39 2.4l-2.51 2.51c-.27.27-.34.55-.32.82.03.28.17.55.31.7.33.32 1 .34 1.46-.12l4.15-4.15c.91-.91 1.8-1.8 2.46-2.47.33-.33.61-.6.8-.79.09-.1.17-.17.22-.22.44-.45.78-1.14.78-1.77" }));
+});
+export default AttachmentStrokeSrvIcon20;

package/AttachmentStrokeSrvIcon24.d.ts

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

package/AttachmentStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const AttachmentStrokeSrvIcon24 = 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: "AttachmentStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14.92 4.69c.46-.46 1.05-.69 1.69-.69.63 0 1.24.25 1.69.69.46.46.7 1.06.7 1.7 0 .63-.26 1.24-.7 1.69l-7.71 7.71c-.46.46-1.12.44-1.45.12-.15-.15-.29-.41-.32-.7-.02-.26.05-.55.32-.82l2.51-2.51.12-.13 2.27-2.27a.996.996 0 0 0 0-1.41.99.99 0 0 0-1.42 0c-.4.4-1.31 1.32-2.27 2.27l-.12.13c-1 1-2.01 2.02-2.5 2.51-1.49 1.48-.91 3.45 0 4.35v.01c1.26 1.23 3.19.95 4.28-.14l7.7-7.71A4.4 4.4 0 0 0 21 6.39 4.39 4.39 0 0 0 16.61 2c-1.16 0-2.27.44-3.11 1.28L4.69 12.1a5.805 5.805 0 0 0 0 8.19A5.78 5.78 0 0 0 8.79 22c1.54 0 3.01-.62 4.09-1.71l6.91-6.91a.996.996 0 1 0-1.41-1.41l-6.91 6.91a3.77 3.77 0 0 1-5.36 0A3.74 3.74 0 0 1 5 16.2c0-1.02.39-1.97 1.11-2.69z" }));
+});
+export default AttachmentStrokeSrvIcon24;

package/AttachmentStrokeSrvIcon32.d.ts

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

package/AttachmentStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const AttachmentStrokeSrvIcon32 = 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: "AttachmentStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m11.31 18.15 4.28-4.45a1 1 0 0 0-.03-1.42.996.996 0 0 0-1.41.03l-4.29 4.46c-.11.12-.23.27-.35.45-.25.35-.43.72-.55 1.1-.13.41-.19.82-.17 1.23.01.15.03.3.06.46.01.07.03.14.05.22.15.59.47 1.14.96 1.64.51.53 1.07.88 1.67 1.04l.15.03c.17.04.33.06.5.07q.585.015 1.17-.18a4 4 0 0 0 1.51-.94l8.59-8.93c.15-.17.32-.38.5-.64.35-.52.62-1.05.8-1.61.2-.61.27-1.22.24-1.82-.02-.19-.04-.39-.08-.58-.01-.07-.02-.13-.04-.2-.21-.89-.69-1.72-1.42-2.49-.77-.8-1.61-1.3-2.51-1.51l-.11-.03c-.21-.04-.42-.07-.64-.08-.57-.03-1.14.06-1.72.26-.54.19-1.07.46-1.56.84-.26.18-.46.36-.62.52l-10 10.41c-.06.06-.13.14-.22.25q-.255.285-.48.63-.765 1.065-1.17 2.22c-.36 1.01-.49 1.99-.39 2.95l.03.28c.03.21.08.42.13.63q.42 1.605 1.74 2.97c.93.97 1.94 1.59 3.04 1.87.15.03.3.07.46.09.13.02.26.04.39.05.9.09 1.82-.05 2.77-.42.74-.28 1.45-.69 2.15-1.22.21-.16.42-.33.61-.51.1-.09.18-.17.24-.23l7.14-7.43a.99.99 0 0 0-.03-1.42.996.996 0 0 0-1.41.03l-7.14 7.44c-.03.03-.08.07-.15.14q-.225.195-.48.39c-.54.41-1.09.73-1.65.95-.74.28-1.45.37-2.12.26-.84-.14-1.63-.6-2.38-1.37-.71-.75-1.15-1.54-1.31-2.39-.14-.75-.06-1.55.24-2.39.21-.59.52-1.17.92-1.74.12-.18.25-.34.38-.49.06-.07.1-.12.13-.15l10-10.41c.09-.08.26-.23.37-.31.33-.25.67-.43 1.02-.55.41-.14.8-.19 1.18-.13.04.01.08.01.12.02.55.11 1.07.44 1.58.97.52.54.84 1.1.95 1.68.01.03.01.07.02.11.06.42.02.85-.13 1.3-.11.37-.3.73-.54 1.09-.07.11-.15.21-.23.3l-8.64 9c-.04.04-.1.09-.19.16-.18.13-.36.22-.54.29-.21.07-.42.09-.61.05-.26-.06-.52-.23-.79-.5-.27-.28-.43-.57-.49-.86-.04-.22-.02-.45.05-.7.07-.2.16-.39.3-.58.04-.06.11-.15.15-.2" }));
+});
+export default AttachmentStrokeSrvIcon32;

package/BackspaceStrokeSrvIcon32.d.ts

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

package/BackspaceStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BackspaceStrokeSrvIcon32 = 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: "BackspaceStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M11.5 6c-1.86 0-3.62.86-4.76 2.33l-4.97 6.44c-.55.72-.55 1.73 0 2.45l4.97 6.44A6.04 6.04 0 0 0 11.5 26H25c2.76 0 5-2.24 5-5V11c0-2.77-2.24-5-5-5zM8.33 9.55C9.09 8.57 10.26 8 11.5 8H25c1.65 0 3 1.34 3 3v10c0 1.65-1.35 3-3 3H11.5c-1.24 0-2.41-.58-3.17-1.56L3.36 16zm5.87 1.74a.996.996 0 1 0-1.41 1.41l3.29 3.3-3.29 3.29a.996.996 0 1 0 1.41 1.41l3.3-3.29 3.29 3.29a.996.996 0 1 0 1.41-1.41L18.91 16l3.29-3.3a.996.996 0 1 0-1.41-1.41l-3.29 3.29z" }));
+});
+export default BackspaceStrokeSrvIcon32;

package/CaretdownStrokeSrvIcon16.d.ts

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

package/CaretdownStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretdownStrokeSrvIcon16;

package/CaretdownStrokeSrvIcon20.d.ts

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

package/CaretdownStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretdownStrokeSrvIcon20;

package/CaretdownStrokeSrvIcon24.d.ts

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

package/CaretdownStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretdownStrokeSrvIcon24;

package/CaretleftStrokeSrvIcon24.d.ts

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

package/CaretleftStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretleftStrokeSrvIcon24;

package/CaretleftStrokeSrvIcon32.d.ts

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

package/CaretleftStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CaretleftStrokeSrvIcon32 = 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: "CaretleftStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M19.77 5.81c.38-.41 1-.43 1.41-.04.41.38.42 1.01.04 1.41L12.87 16l8.35 8.81c.38.4.37 1.03-.04 1.41a.98.98 0 0 1-1.41-.04l-9-9.5a.93.93 0 0 1-.28-.68c0-.27.09-.5.28-.69z" }));
+});
+export default CaretleftStrokeSrvIcon32;

package/CaretrightStrokeSrvIcon24.d.ts

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

package/CaretrightStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretrightStrokeSrvIcon24;

package/CaretrightStrokeSrvIcon32.d.ts

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

package/CaretrightStrokeSrvIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CaretrightStrokeSrvIcon32 = 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: "CaretrightStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M12.22 5.81a.98.98 0 0 0-1.41-.04.98.98 0 0 0-.04 1.41L19.12 16l-8.35 8.81c-.39.4-.37 1.03.04 1.41.4.39 1.03.37 1.41-.04l9-9.5a.976.976 0 0 0 0-1.37z" }));
+});
+export default CaretrightStrokeSrvIcon32;

package/CaretupStrokeSrvIcon16.d.ts

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

package/CaretupStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretupStrokeSrvIcon16;

package/CaretupStrokeSrvIcon20.d.ts

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

package/CaretupStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretupStrokeSrvIcon20;

package/CaretupStrokeSrvIcon24.d.ts

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

package/CaretupStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+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" }));
+});
+export default CaretupStrokeSrvIcon24;

package/ChangeaccountFilledNavIcon24.d.ts

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

package/ChangeaccountFilledNavIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ChangeaccountFilledNavIcon24 = 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: "ChangeaccountFilledNavIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14.39 8.46c.07-.31.11-.63.11-.96 0-.34-.04-.66-.11-.97-.06-.27-.14-.53-.25-.79-.11-.25-.25-.51-.4-.74-.16-.24-.35-.47-.56-.69-.22-.21-.45-.41-.71-.57-.22-.15-.47-.28-.72-.39-.26-.11-.52-.19-.79-.25-.31-.07-.63-.1-.96-.1a4.4 4.4 0 0 0-1.76.35c-.25.11-.5.24-.72.39-.26.16-.49.36-.71.57a4.8 4.8 0 0 0-.96 1.43A4.372 4.372 0 0 0 5.5 7.5c0 .33.03.65.1.96.06.27.14.53.25.79.11.25.25.51.4.74.16.24.35.47.56.69.22.21.45.41.71.57.22.15.47.28.72.39.26.11.52.19.79.25.31.07.63.11.97.11.33 0 .65-.04.96-.11.27-.06.53-.14.79-.25.25-.11.5-.24.72-.39.26-.16.49-.36.71-.57a4.8 4.8 0 0 0 .96-1.43c.11-.26.19-.52.25-.79m2.18-4.66a1 1 0 0 0-1.4.25.99.99 0 0 0 .25 1.39c.17.12.32.26.46.41a2.6 2.6 0 0 1 .53.99q.09.315.09.66c0 .22-.03.44-.09.65a2.593 2.593 0 0 1-.53.99c-.14.16-.29.29-.46.41-.46.32-.57.93-.25 1.39a1 1 0 0 0 1.4.25c.3-.21.57-.45.8-.72a4.4 4.4 0 0 0 .98-1.84c.1-.36.15-.74.15-1.13q0-.6-.15-1.14a4.403 4.403 0 0 0-.98-1.84c-.23-.27-.5-.51-.8-.72M3.28 20.89a1.686 1.686 0 0 0 .61.11H16.1c.12 0 .23-.01.34-.04.09-.01.18-.04.27-.07.1-.03.2-.08.3-.13.08-.05.15-.1.22-.16.1-.07.18-.15.26-.24l.15-.21q.09-.15.15-.33c.04-.08.06-.17.08-.26.08-.45.13-.9.13-1.36 0-.51-.06-1.02-.16-1.51-.12-.58-.32-1.14-.58-1.69-.19-.38-.4-.74-.65-1.09-.4-.56-.87-1.06-1.42-1.51-.08-.06-.16-.12-.25-.17s-.2-.1-.31-.14a3 3 0 0 0-.27-.07c-.11-.02-.22-.03-.33-.02q-.165 0-.33.03c-.09.01-.18.04-.27.07-.11.04-.22.09-.32.15-.08.05-.16.1-.24.16-.14.12-.28.23-.44.33-.28.18-.59.33-.92.45-.22.08-.44.14-.66.19-.3.06-.6.09-.92.09q-.435 0-.87-.09a4.49 4.49 0 0 1-2.02-.93c-.08-.06-.16-.12-.25-.17-.1-.05-.2-.1-.31-.14a3 3 0 0 0-.27-.07c-.11-.02-.22-.03-.33-.02q-.165 0-.33.03c-.09.01-.18.04-.27.07-.1.04-.2.08-.29.13s-.18.11-.27.19c-.52.43-.97.92-1.35 1.46-.25.35-.47.72-.66 1.12-.26.55-.45 1.12-.57 1.7-.1.47-.14.96-.14 1.45 0 .45.04.91.12 1.36.02.1.06.21.09.31.04.09.09.19.14.28l.15.21c.08.09.16.17.26.24.07.06.14.11.22.16.1.05.2.1.3.13m14.5-8.35a1 1 0 0 1 1.41-.14q.825.675 1.41 1.5c.25.35.47.71.66 1.1.26.55.46 1.11.58 1.69.1.49.16 1 .16 1.51 0 .45-.05.91-.13 1.36a1 1 0 0 1-1.17.8 1 1 0 0 1-.8-1.17c.06-.33.1-.66.1-.99a5.364 5.364 0 0 0-.54-2.33c-.13-.25-.27-.49-.43-.73-.3-.44-.67-.84-1.11-1.19a1 1 0 0 1-.14-1.41M11 15h3c.56 0 1 .43 1 1 0 .56-.44 1-1 1h-3c-.57 0-1-.44-1-1 0-.57.43-1 1-1" }));
+});
+export default ChangeaccountFilledNavIcon24;

package/ChatFilledNavIcon24.d.ts

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

package/ChatFilledNavIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const ChatFilledNavIcon24 = 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: "ChatFilledNavIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5 4c-1.11 0-2 .89-2 2v14.06c0 .81.91 1.29 1.57.82l3.16-2.24c.68-.48 1.49-.74 2.32-.74H20a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm10.33 7.5c0 .82.67 1.5 1.5 1.5.82 0 1.5-.68 1.5-1.5 0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5M12.16 13c-.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .82-.67 1.5-1.5 1.5M6 11.5c0 .82.67 1.5 1.5 1.5.82 0 1.5-.68 1.5-1.5 0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5" }));
+});
+export default ChatFilledNavIcon24;

package/CheckboxbulkStrokeSrvIcon24.d.ts

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

package/CheckboxbulkStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CheckboxbulkStrokeSrvIcon24 = 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: "CheckboxbulkStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7 11h10c.56 0 1 .44 1 1s-.44 1-1 1H7c-.57 0-1-.44-1-1s.43-1 1-1" }));
+});
+export default CheckboxbulkStrokeSrvIcon24;

package/CheckboxtickStrokeSrvIcon24.d.ts

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

package/CheckboxtickStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CheckboxtickStrokeSrvIcon24 = 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: "CheckboxtickStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m17.73 9.67-5.5 6c-.23.24-.5.39-.73.39-.24 0-.48-.12-.71-.36l-3.5-3.5a.98.98 0 0 1 0-1.41c.39-.4 1.02-.4 1.41 0l2.76 2.76 4.8-5.23c.38-.41 1-.44 1.41-.06s.44 1 .06 1.41" }));
+});
+export default CheckboxtickStrokeSrvIcon24;

package/CreateFilledNavIcon24.d.ts

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

package/CreateFilledNavIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CreateFilledNavIcon24 = 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: "CreateFilledNavIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2 11.99C2 6.48 6.48 2 12 2c5.51 0 10 4.48 10 9.99C22 17.51 17.51 22 12 22 6.48 22 2 17.51 2 11.99M12 6c.55 0 1 .44 1 1v4h4c.55 0 1 .44 1 1 0 .55-.45 1-1 1h-4v4c0 .55-.45 1-1 1-.56 0-1-.45-1-1v-4H7c-.56 0-1-.45-1-1 0-.56.44-1 1-1h4V7c0-.56.44-1 1-1" }));
+});
+export default CreateFilledNavIcon24;

package/CrossStrokeSrvIcon16.d.ts

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

package/CrossStrokeSrvIcon16.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CrossStrokeSrvIcon16 = 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: "CrossStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M11.29 3.29A.996.996 0 1 1 12.7 4.7L9.41 8l3.29 3.29a.996.996 0 1 1-1.41 1.41L8 9.41 4.7 12.7a.996.996 0 1 1-1.41-1.41L6.58 8 3.29 4.7A.996.996 0 1 1 4.7 3.29L8 6.58z" }));
+});
+export default CrossStrokeSrvIcon16;

package/CrossStrokeSrvIcon20.d.ts

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

package/CrossStrokeSrvIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CrossStrokeSrvIcon20 = 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: "CrossStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M13.29 5.29A.996.996 0 1 1 14.7 6.7L11.41 10l3.29 3.29a.996.996 0 1 1-1.41 1.41L10 11.41 6.7 14.7a.996.996 0 1 1-1.41-1.41L8.58 10 5.29 6.7A.996.996 0 1 1 6.7 5.29L10 8.58z" }));
+});
+export default CrossStrokeSrvIcon20;

package/CrossStrokeSrvIcon24.d.ts

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

package/CrossStrokeSrvIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CrossStrokeSrvIcon24 = 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: "CrossStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m11.99 10.58 4.29-4.29c.4-.4 1.02-.4 1.41 0 .4.39.4 1.02 0 1.41l-4.29 4.29 4.29 4.29c.4.4.4 1.02 0 1.41-.39.4-1.01.4-1.41 0l-4.29-4.29-4.29 4.29c-.39.4-1.02.4-1.41 0a.98.98 0 0 1 0-1.41l4.29-4.29L6.29 7.7a.98.98 0 0 1 0-1.41c.39-.4 1.02-.4 1.41 0z" }));
+});
+export default CrossStrokeSrvIcon24;

package/CrossStrokeSrvIcon32.d.ts

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

package/CrossStrokeSrvIcon32.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CrossStrokeSrvIcon32 = 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: "CrossStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_cross32" },
+                React.createElement("path", { fill: "#fff", fillOpacity: "0", d: "M0 0H32V32H0z" }))),
+        React.createElement("g", { clipPath: "url(#a_cross32)" },
+            React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "m17.41 16 6.79 6.78c.39.4.39 1.02 0 1.42-.4.39-1.02.39-1.42 0L16 17.41 9.21 24.2c-.4.39-1.02.39-1.42 0-.39-.4-.39-1.02 0-1.42L14.58 16 7.79 9.21c-.39-.4-.39-1.02 0-1.42.4-.39 1.02-.39 1.42 0L16 14.58l6.78-6.79c.4-.39 1.02-.39 1.42 0 .39.4.39 1.02 0 1.42z" })));
+});
+export default CrossStrokeSrvIcon32;

package/DefaulticonStrokePrdIcon20.d.ts

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

package/DefaulticonStrokePrdIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const DefaulticonStrokePrdIcon20 = 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: "DefaulticonStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2 9.5C2 5.35 5.35 2 9.5 2c1.27 0 2.48.31 3.53.88.48.26 1.09.07 1.35-.41.26-.49.08-1.1-.41-1.36A9.5 9.5 0 0 0 9.5 0C4.25 0 0 4.25 0 9.5c0 4.67 3.37 8.56 7.82 9.35.54.09 1.06-.27 1.16-.81a1 1 0 0 0-.81-1.16C4.66 16.25 2 13.18 2 9.5m15.28-5.12c.34.43.27 1.06-.17 1.4l-7 5.5a.99.99 0 0 1-1.2.03l-3.5-2.5c-.45-.32-.55-.95-.23-1.4s.95-.55 1.4-.23l2.89 2.07 6.41-5.04a.99.99 0 0 1 1.4.17m1.65 4a1.002 1.002 0 1 0-1.99.23c.04.29.06.59.06.89 0 .23-.02.46-.04.69-.05.55.36 1.04.91 1.09a1 1 0 0 0 1.08-.91c.03-.29.05-.58.05-.87 0-.38-.03-.75-.07-1.12M14.5 9.82c.38 0 .72.22.89.56l1.09 2.21 2.44.35c.38.06.69.32.81.68.11.37.02.76-.26 1.03l-1.76 1.72.42 2.42c.06.38-.09.76-.4.98-.31.23-.72.26-1.06.08L14.5 18.7l-2.18 1.15c-.34.18-.75.15-1.06-.08-.31-.22-.46-.6-.4-.98l.42-2.42-1.76-1.72a1.01 1.01 0 0 1-.26-1.03c.12-.36.43-.62.81-.68l2.44-.35 1.09-2.21a1 1 0 0 1 .9-.56m0 3.26-.43.87c-.15.29-.43.5-.75.54l-.96.14.69.67c.24.23.35.56.29.89l-.16.95.85-.45a.96.96 0 0 1 .93 0l.85.45-.16-.95c-.06-.33.05-.66.29-.89l.69-.67-.96-.14a1 1 0 0 1-.75-.54z" }));
+});
+export default DefaulticonStrokePrdIcon20;

package/DefaulticonStrokePrdIcon24.d.ts

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

package/DefaulticonStrokePrdIcon24.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const DefaulticonStrokePrdIcon24 = 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: "DefaulticonStrokePrdIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4 11.5C4 7.35 7.35 4 11.5 4c1.27 0 2.48.31 3.53.88.48.26 1.09.07 1.35-.41.26-.49.08-1.1-.41-1.36A9.5 9.5 0 0 0 11.5 2C6.25 2 2 6.25 2 11.5c0 4.67 3.37 8.56 7.82 9.35.54.09 1.06-.27 1.16-.81a1 1 0 0 0-.81-1.16C6.66 18.25 4 15.18 4 11.5m15.28-5.12c.34.43.27 1.06-.17 1.4l-7 5.5a.99.99 0 0 1-1.2.03l-3.5-2.5c-.45-.32-.55-.95-.23-1.4s.95-.55 1.4-.23l2.89 2.07 6.41-5.04a.99.99 0 0 1 1.4.17m1.65 4a1.002 1.002 0 1 0-1.99.23c.04.29.06.59.06.89 0 .23-.02.46-.04.69-.05.55.36 1.04.91 1.09s1.03-.36 1.09-.91c.02-.29.04-.58.04-.87 0-.38-.03-.75-.07-1.12m-4.43 1.44c.38 0 .72.22.89.56l1.09 2.21 2.44.35c.38.06.69.32.81.68.11.37.02.76-.26 1.03l-1.76 1.72.42 2.42c.06.38-.09.76-.4.98-.31.23-.72.26-1.06.08L16.5 20.7l-2.18 1.15c-.34.18-.75.15-1.06-.08-.31-.22-.46-.6-.4-.98l.42-2.42-1.76-1.72a1.01 1.01 0 0 1-.26-1.03c.12-.36.43-.62.81-.68l2.44-.35 1.09-2.21a1 1 0 0 1 .9-.56m0 3.26-.43.87c-.15.29-.43.5-.75.54l-.96.14.69.67c.24.23.35.56.29.89l-.16.95.85-.45a.96.96 0 0 1 .93 0l.85.45-.16-.95c-.06-.33.05-.66.29-.89l.69-.67-.96-.14a1 1 0 0 1-.75-.54z" }));
+});
+export default DefaulticonStrokePrdIcon24;

package/DefaulticonStrokePrdIcon32.d.ts

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