@sberbusiness/icons-next 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/ArrowanticlockwiseStrokeSrvIcon20.d.ts +4 -0
  2. package/ArrowanticlockwiseStrokeSrvIcon20.js +9 -0
  3. package/ArrowanticlockwiseStrokeSrvIcon24.d.ts +4 -0
  4. package/ArrowanticlockwiseStrokeSrvIcon24.js +9 -0
  5. package/ArrowanticlockwiseStrokeSrvIcon32.d.ts +4 -0
  6. package/ArrowanticlockwiseStrokeSrvIcon32.js +9 -0
  7. package/ArrowanticlockwisedoubleStrokeSrvIcon20.d.ts +4 -0
  8. package/ArrowanticlockwisedoubleStrokeSrvIcon20.js +9 -0
  9. package/ArrowanticlockwisedoubleStrokeSrvIcon24.d.ts +4 -0
  10. package/ArrowanticlockwisedoubleStrokeSrvIcon24.js +9 -0
  11. package/ArrowanticlockwisedoubleStrokeSrvIcon32.d.ts +4 -0
  12. package/ArrowanticlockwisedoubleStrokeSrvIcon32.js +9 -0
  13. package/ArrowclockwiseStrokeSrvIcon20.d.ts +4 -0
  14. package/ArrowclockwiseStrokeSrvIcon20.js +9 -0
  15. package/ArrowclockwiseStrokeSrvIcon24.d.ts +4 -0
  16. package/ArrowclockwiseStrokeSrvIcon24.js +9 -0
  17. package/ArrowclockwiseStrokeSrvIcon32.d.ts +4 -0
  18. package/ArrowclockwiseStrokeSrvIcon32.js +9 -0
  19. package/HeartFilledSrvIcon20.d.ts +4 -0
  20. package/HeartFilledSrvIcon20.js +9 -0
  21. package/HeartFilledSrvIcon24.d.ts +4 -0
  22. package/HeartFilledSrvIcon24.js +9 -0
  23. package/HeartFilledSrvIcon32.d.ts +4 -0
  24. package/HeartFilledSrvIcon32.js +9 -0
  25. package/HeartStrokeSrvIcon20.d.ts +4 -0
  26. package/HeartStrokeSrvIcon20.js +9 -0
  27. package/HeartStrokeSrvIcon24.d.ts +4 -0
  28. package/HeartStrokeSrvIcon24.js +9 -0
  29. package/HeartStrokeSrvIcon32.d.ts +4 -0
  30. package/HeartStrokeSrvIcon32.js +9 -0
  31. package/RefreshStrokeSrvIcon20.d.ts +1 -0
  32. package/RefreshStrokeSrvIcon20.js +1 -0
  33. package/RefreshStrokeSrvIcon24.d.ts +1 -0
  34. package/RefreshStrokeSrvIcon24.js +1 -0
  35. package/RefreshStrokeSrvIcon32.d.ts +1 -0
  36. package/RefreshStrokeSrvIcon32.js +1 -0
  37. package/index.d.ts +15 -0
  38. package/index.js +15 -0
  39. package/package.json +1 -1
  40. package/styles/icons.css +1 -1
  41. package/utils/getPathClassName.js +20 -16
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowanticlockwiseStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowanticlockwiseStrokeSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowanticlockwiseStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "ArrowanticlockwiseStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M18 10c0-4.42-3.58-8-8-8-2.52 0-4.77 1.16-6.24 3H6.5c.56 0 1 .44 1 1 0 .55-.44 1-1 1h-5c-.55 0-1-.45-1-1V1c0-.56.45-1 1-1 .56 0 1 .44 1 1v2.38C4.34 1.31 7.02 0 10 0c5.53 0 10 4.47 10 10 0 5.52-4.47 10-10 10-5.52 0-10-4.48-10-10 0-.56.45-1 1-1 .56 0 1 .44 1 1 0 4.41 3.59 8 8 8 4.42 0 8-3.59 8-8" }));
8
+ });
9
+ export default ArrowanticlockwiseStrokeSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowanticlockwiseStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowanticlockwiseStrokeSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowanticlockwiseStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "ArrowanticlockwiseStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M20 12c0-4.42-3.58-8-8-8-2.52 0-4.77 1.16-6.24 3H8.5c.56 0 1 .44 1 1 0 .55-.44 1-1 1h-5c-.55 0-1-.45-1-1V3c0-.56.45-1 1-1 .56 0 1 .44 1 1v2.38C6.34 3.31 9.02 2 12 2c5.53 0 10 4.47 10 10 0 5.52-4.47 10-10 10-5.52 0-10-4.48-10-10 0-.56.45-1 1-1 .56 0 1 .44 1 1 0 4.41 3.59 8 8 8 4.42 0 8-3.59 8-8" }));
8
+ });
9
+ export default ArrowanticlockwiseStrokeSrvIcon24;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowanticlockwiseStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowanticlockwiseStrokeSrvIcon32;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowanticlockwiseStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "ArrowanticlockwiseStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5 16c0 .81.09 1.61.27 2.39a10.9 10.9 0 0 0 1.54 3.65c.41.62.88 1.2 1.42 1.73.53.54 1.11 1.01 1.73 1.42a10.906 10.906 0 0 0 3.65 1.54c.78.18 1.58.27 2.39.27q1.23 0 2.4-.27a10.9 10.9 0 0 0 3.65-1.54c.62-.41 1.2-.88 1.73-1.42.54-.53 1.01-1.11 1.42-1.73a10.906 10.906 0 0 0 1.54-3.65c.18-.78.26-1.58.26-2.39 0-.82-.08-1.62-.26-2.4a10.9 10.9 0 0 0-1.54-3.65c-.41-.62-.88-1.2-1.42-1.73-.53-.54-1.11-1.01-1.73-1.42a10.906 10.906 0 0 0-3.65-1.54C17.62 5.08 16.82 5 16 5a11.1 11.1 0 0 0-2.93.39c-.44.12-.86.27-1.27.44-.47.19-.93.42-1.37.68-.39.23-.75.47-1.1.74-.4.31-.78.64-1.14 1-.06.06-.12.13-.19.2V6c0-.57-.44-1-1-1s-1 .43-1 1v5c0 .66.34 1 1 1h5c.56 0 1-.44 1-1 0-.57-.44-1-1-1H9.3c.1-.12.21-.23.31-.34.3-.3.61-.58.95-.83.28-.21.57-.41.88-.59q.555-.33 1.14-.57a8.8 8.8 0 0 1 1.86-.54C14.95 7.04 15.47 7 16 7c.69 0 1.35.07 2 .22.52.11 1.02.27 1.51.48.5.21.97.47 1.42.76a9 9 0 0 1 2.61 2.61c.29.45.55.92.76 1.42.21.49.37.99.48 1.51.15.65.22 1.31.22 2 0 .68-.07 1.34-.22 1.99-.11.52-.27 1.02-.48 1.51-.21.5-.47.97-.76 1.42q-.51.78-1.17 1.44c-.45.44-.92.83-1.44 1.17-.45.29-.92.55-1.42.76-.49.21-.99.37-1.51.48a8.803 8.803 0 0 1-3.99 0c-.52-.11-1.02-.27-1.51-.48-.5-.21-.97-.47-1.42-.76a9 9 0 0 1-2.61-2.61c-.29-.45-.55-.92-.76-1.42-.21-.49-.37-.99-.48-1.51C7.08 17.34 7 16.68 7 16c0-.57-.44-1-1-1s-1 .43-1 1", clipRule: "evenodd" }));
8
+ });
9
+ export default ArrowanticlockwiseStrokeSrvIcon32;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowanticlockwisedoubleStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowanticlockwisedoubleStrokeSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowanticlockwisedoubleStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "ArrowanticlockwisedoubleStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M19 11a1 1 0 0 0 1-1c0-5.523-4.477-10-10-10a9.98 9.98 0 0 0-7.5 3.388V1c0-.56-.44-1-1-1-.55 0-1 .44-1 1v5c0 .55.45 1 1 1h5c.56 0 1-.45 1-1 0-.56-.44-1-1-1H3.755A8 8 0 0 1 18 10a1 1 0 0 0 1 1M18.5 20c.55 0 1-.44 1-1v-5c0-.55-.45-1-1-1h-5c-.56 0-1 .45-1 1 0 .56.44 1 1 1h2.745A8 8 0 0 1 2 10a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10a9.98 9.98 0 0 0 7.5-3.387V19c0 .56.44 1 1 1" }));
8
+ });
9
+ export default ArrowanticlockwisedoubleStrokeSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowanticlockwisedoubleStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowanticlockwisedoubleStrokeSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowanticlockwisedoubleStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "ArrowanticlockwisedoubleStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M21 13a1 1 0 0 0 1-1c0-5.523-4.477-10-10-10a9.98 9.98 0 0 0-7.5 3.388V3c0-.56-.44-1-1-1-.55 0-1 .44-1 1v5c0 .55.45 1 1 1h5c.56 0 1-.45 1-1 0-.56-.44-1-1-1H5.755A8 8 0 0 1 20 12a1 1 0 0 0 1 1M20.5 22c.55 0 1-.44 1-1v-5c0-.55-.45-1-1-1h-5c-.56 0-1 .45-1 1 0 .56.44 1 1 1h2.745A8 8 0 0 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10a9.98 9.98 0 0 0 7.5-3.387V21c0 .56.44 1 1 1" }));
8
+ });
9
+ export default ArrowanticlockwisedoubleStrokeSrvIcon24;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowanticlockwisedoubleStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowanticlockwisedoubleStrokeSrvIcon32;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowanticlockwisedoubleStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "ArrowanticlockwisedoubleStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M6 15a1 1 0 0 1 1 1 9 9 0 0 0 15.706 6H20c-.56 0-1-.43-1-1 0-.56.44-1 1-1h5c.66 0 1 .34 1 1v5c0 .57-.44 1-1 1s-1-.43-1-1v-2.453A10.97 10.97 0 0 1 16 27C9.925 27 5 22.075 5 16a1 1 0 0 1 1-1M16 5c6.075 0 11 4.925 11 11a1 1 0 1 1-2 0 9 9 0 0 0-15.706-6H12c.56 0 1 .43 1 1 0 .56-.44 1-1 1H7c-.66 0-1-.34-1-1V6c0-.57.44-1 1-1s1 .43 1 1v2.452A10.97 10.97 0 0 1 16 5" }));
8
+ });
9
+ export default ArrowanticlockwisedoubleStrokeSrvIcon32;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowclockwiseStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowclockwiseStrokeSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowclockwiseStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "ArrowclockwiseStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8" }));
8
+ });
9
+ export default ArrowclockwiseStrokeSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowclockwiseStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowclockwiseStrokeSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowclockwiseStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "ArrowclockwiseStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M4 12c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H15.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V3c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 12 2C6.47 2 2 6.47 2 12c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8" }));
8
+ });
9
+ export default ArrowclockwiseStrokeSrvIcon24;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const ArrowclockwiseStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default ArrowclockwiseStrokeSrvIcon32;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const ArrowclockwiseStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "ArrowclockwiseStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1", clipRule: "evenodd" }));
8
+ });
9
+ export default ArrowclockwiseStrokeSrvIcon32;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const HeartFilledSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HeartFilledSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const HeartFilledSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "HeartFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M13.795 2.047c1.884-.246 3.83.472 5.074 2.275 1.042 1.51 1.312 3.098 1.022 4.64-.283 1.509-1.088 2.918-2.099 4.164-2.016 2.486-5.042 4.555-7.326 5.759a1 1 0 0 1-.932 0c-2.283-1.204-5.31-3.273-7.326-5.759C1.198 11.88.393 10.471.11 8.963-.18 7.42.09 5.832 1.13 4.323 2.375 2.518 4.321 1.8 6.205 2.046c1.41.184 2.77.905 3.795 2.07 1.026-1.165 2.385-1.886 3.795-2.07" }));
8
+ });
9
+ export default HeartFilledSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const HeartFilledSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HeartFilledSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const HeartFilledSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "HeartFilledSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M15.795 4.047c1.884-.246 3.83.472 5.074 2.275 1.042 1.51 1.312 3.098 1.022 4.64-.283 1.509-1.088 2.918-2.099 4.164-2.016 2.486-5.042 4.555-7.326 5.759a1 1 0 0 1-.931 0c-2.284-1.204-5.31-3.273-7.327-5.759-1.01-1.246-1.815-2.655-2.098-4.163-.29-1.543-.02-3.131 1.021-4.64C4.375 4.518 6.321 3.8 8.205 4.046c1.41.184 2.77.905 3.795 2.07 1.026-1.165 2.385-1.886 3.795-2.07" }));
8
+ });
9
+ export default HeartFilledSrvIcon24;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const HeartFilledSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HeartFilledSrvIcon32;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const HeartFilledSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "HeartFilledSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M20.669 6.055c2.216-.285 4.508.541 5.982 2.638 1.243 1.768 1.564 3.622 1.22 5.428-.34 1.77-1.304 3.432-2.526 4.911-2.44 2.954-6.11 5.42-8.885 6.856-.288.149-.632.149-.92 0-2.775-1.436-6.445-3.902-8.885-6.856-1.222-1.48-2.187-3.142-2.525-4.91-.345-1.807-.024-3.661 1.219-5.429C6.823 6.596 9.115 5.77 11.33 6.055c1.743.224 3.43 1.131 4.669 2.611 1.24-1.48 2.926-2.387 4.669-2.611" }));
8
+ });
9
+ export default HeartFilledSrvIcon32;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const HeartStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HeartStrokeSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const HeartStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "HeartStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M13.795 2.047c1.883-.246 3.83.472 5.074 2.275 1.042 1.51 1.311 3.098 1.022 4.64-.284 1.509-1.089 2.918-2.099 4.164-2.017 2.486-5.043 4.555-7.326 5.759a1 1 0 0 1-.932 0c-2.284-1.204-5.31-3.273-7.326-5.759C1.198 11.88.393 10.471.109 8.963-.18 7.42.09 5.832 1.131 4.323 2.375 2.518 4.32 1.8 6.205 2.046c1.41.184 2.77.905 3.795 2.07 1.026-1.165 2.384-1.886 3.795-2.07m3.428 3.411c-.792-1.148-1.982-1.583-3.17-1.428-1.205.158-2.435.936-3.174 2.3a1 1 0 0 1-1.758 0c-.74-1.364-1.97-2.142-3.175-2.3-1.187-.155-2.377.28-3.169 1.428-.731 1.06-.896 2.104-.702 3.136.2 1.066.797 2.175 1.687 3.272C5.42 13.91 7.929 15.708 10 16.861c2.071-1.153 4.58-2.95 6.238-4.995.89-1.097 1.486-2.206 1.687-3.272.194-1.032.029-2.076-.702-3.136" }));
8
+ });
9
+ export default HeartStrokeSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const HeartStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HeartStrokeSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const HeartStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "HeartStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M15.795 4.047c1.883-.246 3.83.472 5.074 2.275 1.042 1.51 1.311 3.098 1.022 4.64-.284 1.509-1.089 2.918-2.099 4.164-2.017 2.486-5.043 4.555-7.326 5.759a1 1 0 0 1-.932 0c-2.284-1.204-5.31-3.273-7.326-5.759-1.01-1.246-1.815-2.655-2.099-4.163-.29-1.543-.02-3.131 1.022-4.64C4.375 4.518 6.32 3.8 8.205 4.046c1.41.184 2.77.905 3.795 2.07 1.026-1.165 2.384-1.886 3.795-2.07m3.428 3.411c-.792-1.148-1.982-1.583-3.17-1.428-1.205.158-2.435.936-3.174 2.3a1 1 0 0 1-1.758 0c-.74-1.364-1.97-2.142-3.175-2.3-1.187-.155-2.377.28-3.169 1.428-.731 1.06-.896 2.104-.702 3.136.2 1.066.797 2.175 1.687 3.272C7.42 15.91 9.929 17.708 12 18.861c2.071-1.153 4.58-2.95 6.238-4.995.89-1.097 1.486-2.206 1.687-3.272.194-1.032.029-2.076-.702-3.136" }));
8
+ });
9
+ export default HeartStrokeSrvIcon24;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const HeartStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default HeartStrokeSrvIcon32;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const HeartStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "HeartStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M20.669 6.055c2.216-.285 4.508.541 5.982 2.638 1.243 1.768 1.564 3.622 1.22 5.428-.34 1.77-1.304 3.432-2.526 4.911-2.44 2.954-6.11 5.42-8.885 6.856-.288.149-.632.149-.92 0-2.775-1.436-6.445-3.902-8.885-6.856-1.222-1.48-2.187-3.142-2.525-4.91-.345-1.807-.024-3.661 1.219-5.429C6.823 6.596 9.115 5.77 11.33 6.055c1.743.224 3.43 1.131 4.669 2.611 1.24-1.48 2.926-2.387 4.669-2.611m4.347 3.788C24 8.399 22.46 7.84 20.924 8.038c-1.554.2-3.116 1.18-4.049 2.87a1 1 0 0 1-1.75 0c-.933-1.69-2.495-2.67-4.049-2.87C9.54 7.841 8 8.4 6.984 9.843c-.925 1.316-1.135 2.62-.89 3.903.253 1.32 1.003 2.68 2.103 4.012 2.08 2.517 5.234 4.72 7.803 6.11 2.569-1.39 5.723-3.593 7.803-6.11 1.1-1.332 1.85-2.691 2.102-4.012.246-1.284.035-2.587-.89-3.903" }));
8
+ });
9
+ export default HeartStrokeSrvIcon32;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
2
  import { ISingleColorIconProps } from "./types";
3
+ /** @deprecated use ArrowclockwiseStrokeSrvIcon20 */
3
4
  declare const RefreshStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
5
  export default RefreshStrokeSrvIcon20;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { useTheme } from "./ThemeProvider";
3
3
  import getPathClassName from "./utils/getPathClassName";
4
+ /** @deprecated use ArrowclockwiseStrokeSrvIcon20 */
4
5
  const RefreshStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
6
  const pathClassName = getPathClassName(paletteIndex, useTheme());
6
7
  return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "RefreshStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
2
  import { ISingleColorIconProps } from "./types";
3
+ /** @deprecated use ArrowclockwiseStrokeSrvIcon24 */
3
4
  declare const RefreshStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
5
  export default RefreshStrokeSrvIcon24;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { useTheme } from "./ThemeProvider";
3
3
  import getPathClassName from "./utils/getPathClassName";
4
+ /** @deprecated use ArrowclockwiseStrokeSrvIcon24 */
4
5
  const RefreshStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
6
  const pathClassName = getPathClassName(paletteIndex, useTheme());
6
7
  return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "RefreshStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
2
  import { ISingleColorIconProps } from "./types";
3
+ /** @deprecated use ArrowclockwiseStrokeSrvIcon32 */
3
4
  declare const RefreshStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
5
  export default RefreshStrokeSrvIcon32;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { useTheme } from "./ThemeProvider";
3
3
  import getPathClassName from "./utils/getPathClassName";
4
+ /** @deprecated use ArrowclockwiseStrokeSrvIcon32 */
4
5
  const RefreshStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
6
  const pathClassName = getPathClassName(paletteIndex, useTheme());
6
7
  return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "RefreshStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
package/index.d.ts CHANGED
@@ -39,6 +39,15 @@ export { default as DefaulticonStrokePrdIcon16 } from "./DefaulticonStrokePrdIco
39
39
  export { default as DefaulticonStrokePrdIcon20 } from "./DefaulticonStrokePrdIcon20";
40
40
  export { default as DefaulticonStrokePrdIcon24 } from "./DefaulticonStrokePrdIcon24";
41
41
  export { default as DefaulticonStrokePrdIcon32 } from "./DefaulticonStrokePrdIcon32";
42
+ export { default as ArrowanticlockwiseStrokeSrvIcon20 } from "./ArrowanticlockwiseStrokeSrvIcon20";
43
+ export { default as ArrowanticlockwiseStrokeSrvIcon24 } from "./ArrowanticlockwiseStrokeSrvIcon24";
44
+ export { default as ArrowanticlockwiseStrokeSrvIcon32 } from "./ArrowanticlockwiseStrokeSrvIcon32";
45
+ export { default as ArrowanticlockwisedoubleStrokeSrvIcon20 } from "./ArrowanticlockwisedoubleStrokeSrvIcon20";
46
+ export { default as ArrowanticlockwisedoubleStrokeSrvIcon24 } from "./ArrowanticlockwisedoubleStrokeSrvIcon24";
47
+ export { default as ArrowanticlockwisedoubleStrokeSrvIcon32 } from "./ArrowanticlockwisedoubleStrokeSrvIcon32";
48
+ export { default as ArrowclockwiseStrokeSrvIcon20 } from "./ArrowclockwiseStrokeSrvIcon20";
49
+ export { default as ArrowclockwiseStrokeSrvIcon24 } from "./ArrowclockwiseStrokeSrvIcon24";
50
+ export { default as ArrowclockwiseStrokeSrvIcon32 } from "./ArrowclockwiseStrokeSrvIcon32";
42
51
  export { default as ArrowdownStrokeSrvIcon20 } from "./ArrowdownStrokeSrvIcon20";
43
52
  export { default as ArrowleftStrokeSrvIcon20 } from "./ArrowleftStrokeSrvIcon20";
44
53
  export { default as ArrowleftStrokeSrvIcon24 } from "./ArrowleftStrokeSrvIcon24";
@@ -114,6 +123,12 @@ export { default as EditStrokeSrvIcon20 } from "./EditStrokeSrvIcon20";
114
123
  export { default as EditStrokeSrvIcon24 } from "./EditStrokeSrvIcon24";
115
124
  export { default as EditStrokeSrvIcon32 } from "./EditStrokeSrvIcon32";
116
125
  export { default as FaceidStrokeSrvIcon32 } from "./FaceidStrokeSrvIcon32";
126
+ export { default as HeartFilledSrvIcon20 } from "./HeartFilledSrvIcon20";
127
+ export { default as HeartFilledSrvIcon24 } from "./HeartFilledSrvIcon24";
128
+ export { default as HeartFilledSrvIcon32 } from "./HeartFilledSrvIcon32";
129
+ export { default as HeartStrokeSrvIcon20 } from "./HeartStrokeSrvIcon20";
130
+ export { default as HeartStrokeSrvIcon24 } from "./HeartStrokeSrvIcon24";
131
+ export { default as HeartStrokeSrvIcon32 } from "./HeartStrokeSrvIcon32";
117
132
  export { default as HintFilledSrvIcon16 } from "./HintFilledSrvIcon16";
118
133
  export { default as LikeFilledSrvIcon20 } from "./LikeFilledSrvIcon20";
119
134
  export { default as LikeFilledSrvIcon24 } from "./LikeFilledSrvIcon24";
package/index.js CHANGED
@@ -38,6 +38,15 @@ export { default as DefaulticonStrokePrdIcon16 } from "./DefaulticonStrokePrdIco
38
38
  export { default as DefaulticonStrokePrdIcon20 } from "./DefaulticonStrokePrdIcon20";
39
39
  export { default as DefaulticonStrokePrdIcon24 } from "./DefaulticonStrokePrdIcon24";
40
40
  export { default as DefaulticonStrokePrdIcon32 } from "./DefaulticonStrokePrdIcon32";
41
+ export { default as ArrowanticlockwiseStrokeSrvIcon20 } from "./ArrowanticlockwiseStrokeSrvIcon20";
42
+ export { default as ArrowanticlockwiseStrokeSrvIcon24 } from "./ArrowanticlockwiseStrokeSrvIcon24";
43
+ export { default as ArrowanticlockwiseStrokeSrvIcon32 } from "./ArrowanticlockwiseStrokeSrvIcon32";
44
+ export { default as ArrowanticlockwisedoubleStrokeSrvIcon20 } from "./ArrowanticlockwisedoubleStrokeSrvIcon20";
45
+ export { default as ArrowanticlockwisedoubleStrokeSrvIcon24 } from "./ArrowanticlockwisedoubleStrokeSrvIcon24";
46
+ export { default as ArrowanticlockwisedoubleStrokeSrvIcon32 } from "./ArrowanticlockwisedoubleStrokeSrvIcon32";
47
+ export { default as ArrowclockwiseStrokeSrvIcon20 } from "./ArrowclockwiseStrokeSrvIcon20";
48
+ export { default as ArrowclockwiseStrokeSrvIcon24 } from "./ArrowclockwiseStrokeSrvIcon24";
49
+ export { default as ArrowclockwiseStrokeSrvIcon32 } from "./ArrowclockwiseStrokeSrvIcon32";
41
50
  export { default as ArrowdownStrokeSrvIcon20 } from "./ArrowdownStrokeSrvIcon20";
42
51
  export { default as ArrowleftStrokeSrvIcon20 } from "./ArrowleftStrokeSrvIcon20";
43
52
  export { default as ArrowleftStrokeSrvIcon24 } from "./ArrowleftStrokeSrvIcon24";
@@ -113,6 +122,12 @@ export { default as EditStrokeSrvIcon20 } from "./EditStrokeSrvIcon20";
113
122
  export { default as EditStrokeSrvIcon24 } from "./EditStrokeSrvIcon24";
114
123
  export { default as EditStrokeSrvIcon32 } from "./EditStrokeSrvIcon32";
115
124
  export { default as FaceidStrokeSrvIcon32 } from "./FaceidStrokeSrvIcon32";
125
+ export { default as HeartFilledSrvIcon20 } from "./HeartFilledSrvIcon20";
126
+ export { default as HeartFilledSrvIcon24 } from "./HeartFilledSrvIcon24";
127
+ export { default as HeartFilledSrvIcon32 } from "./HeartFilledSrvIcon32";
128
+ export { default as HeartStrokeSrvIcon20 } from "./HeartStrokeSrvIcon20";
129
+ export { default as HeartStrokeSrvIcon24 } from "./HeartStrokeSrvIcon24";
130
+ export { default as HeartStrokeSrvIcon32 } from "./HeartStrokeSrvIcon32";
116
131
  export { default as HintFilledSrvIcon16 } from "./HintFilledSrvIcon16";
117
132
  export { default as LikeFilledSrvIcon20 } from "./LikeFilledSrvIcon20";
118
133
  export { default as LikeFilledSrvIcon24 } from "./LikeFilledSrvIcon24";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sberbusiness/icons-next",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "author": "СберБизнес",
5
5
  "description": "Иконки интернет-банка СберБизнес",
6
6
  "main": "./index.js",
package/styles/icons.css CHANGED
@@ -1 +1 @@
1
- ._z295jp { fill: #008985; } ._gjpol9 { fill: #19BDB0; } ._m6ifbk { fill: #D10032; } ._570hka { fill: #F80C45; } ._4e4fif { fill: #EF4C01; } ._h8jqzg { fill: #FF7A17; } ._1uu5y4w { fill: #0E57CC; } ._1wosigu { fill: #1297FE; } ._ykvh6y { fill: #697591; } ._eb0nq9 { fill: #95A3C1; } ._1cpf4tk { fill: #1F1F22; fill-opacity: .45; } ._y7ayq { fill: #FFFFFF; fill-opacity: .35; } ._bncbp5 { fill: #FFFFFF; fill-opacity: 1; } ._17g2wy4 { fill: #FFFFFF; fill-opacity: 1; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._z295jp { fill: #21A19A; } .hoverable:hover ._gjpol9 { fill: #4BD9CF; } .hoverable:hover ._m6ifbk { fill: #E60037; } .hoverable:hover ._570hka { fill: #FF5571; } .hoverable:hover ._4e4fif { fill: #EF4C01; } .hoverable:hover ._h8jqzg { fill: #FF7A17; } .hoverable:hover ._1uu5y4w { fill: #0E57CC; } .hoverable:hover ._1wosigu { fill: #1297FE; } .hoverable:hover ._ykvh6y { fill: #697591; } .hoverable:hover ._eb0nq9 { fill: #95A3C1; } .hoverable:hover ._1cpf4tk { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._y7ayq { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._bncbp5 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._17g2wy4 { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:not(:disabled):active ._z295jp, .hoverable.active ._z295jp { fill: #007777; } .hoverable:not(:disabled):active ._gjpol9, .hoverable.active ._gjpol9 { fill: #008985; } .hoverable:not(:disabled):active ._m6ifbk, .hoverable.active ._m6ifbk { fill: #BD002C; } .hoverable:not(:disabled):active ._570hka, .hoverable.active ._570hka { fill: #D10032; } .hoverable:not(:disabled):active ._4e4fif, .hoverable.active ._4e4fif { fill: #D10032; } .hoverable:not(:disabled):active ._h8jqzg, .hoverable.active ._h8jqzg { fill: #FF7A17; } .hoverable:not(:disabled):active ._1uu5y4w, .hoverable.active ._1uu5y4w { fill: #0E57CC; } .hoverable:not(:disabled):active ._1wosigu, .hoverable.active ._1wosigu { fill: #1297FE; } .hoverable:not(:disabled):active ._ykvh6y, .hoverable.active ._ykvh6y { fill: #697591; } .hoverable:not(:disabled):active ._eb0nq9, .hoverable.active ._eb0nq9 { fill: #95A3C1; } .hoverable:not(:disabled):active ._1cpf4tk, .hoverable.active ._1cpf4tk { fill: #1F1F22; fill-opacity: 1; } .hoverable:not(:disabled):active ._y7ayq, .hoverable.active ._y7ayq { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._bncbp5, .hoverable.active ._bncbp5 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._17g2wy4, .hoverable.active ._17g2wy4 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:disabled ._z295jp, .hoverable.disabled ._z295jp { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._gjpol9, .hoverable.disabled ._gjpol9 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._m6ifbk, .hoverable.disabled ._m6ifbk { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._570hka, .hoverable.disabled ._570hka { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._4e4fif, .hoverable.disabled ._4e4fif { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._h8jqzg, .hoverable.disabled ._h8jqzg { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1uu5y4w, .hoverable.disabled ._1uu5y4w { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1wosigu, .hoverable.disabled ._1wosigu { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._ykvh6y, .hoverable.disabled ._ykvh6y { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._eb0nq9, .hoverable.disabled ._eb0nq9 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1cpf4tk, .hoverable.disabled ._1cpf4tk { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._y7ayq, .hoverable.disabled ._y7ayq { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._bncbp5, .hoverable.disabled ._bncbp5 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._17g2wy4, .hoverable.disabled ._17g2wy4 { fill: #FFFFFF; fill-opacity: .15; }
1
+ ._zeo1nm { fill: #008985; } ._g74sqy { fill: #19BDB0; } ._lp3dwn { fill: #D10032; } ._5ekhy5 { fill: #F80C45; } ._3wqj74 { fill: #EF4C01; } ._hpxncb { fill: #FF7A17; } ._1uwkjl3 { fill: #0E57CC; } ._1wc7qkp { fill: #1297FE; } ._ysfv25 { fill: #697591; } ._dyg4k6 { fill: #95A3C1; } ._1ccuyan { fill: #1F1F22; fill-opacity: .45; } ._qt01h { fill: #FFFFFF; fill-opacity: .35; } ._b5s0lq { fill: #FFFFFF; fill-opacity: 1; } ._17nnji3 { fill: #FFFFFF; fill-opacity: 1; } ._16ki01o { fill: #FFB13B; } ._aw94ox { fill: #FFB13B; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._zeo1nm { fill: #21A19A; } .hoverable:hover ._g74sqy { fill: #4BD9CF; } .hoverable:hover ._lp3dwn { fill: #E60037; } .hoverable:hover ._5ekhy5 { fill: #FF5571; } .hoverable:hover ._3wqj74 { fill: #EF4C01; } .hoverable:hover ._hpxncb { fill: #FF7A17; } .hoverable:hover ._1uwkjl3 { fill: #0E57CC; } .hoverable:hover ._1wc7qkp { fill: #1297FE; } .hoverable:hover ._ysfv25 { fill: #697591; } .hoverable:hover ._dyg4k6 { fill: #95A3C1; } .hoverable:hover ._1ccuyan { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._qt01h { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._b5s0lq { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._17nnji3 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._16ki01o { fill: #FFB13B; } .hoverable:hover ._aw94ox { fill: #FFB13B; } } .hoverable:not(:disabled):active ._zeo1nm, .hoverable.active ._zeo1nm { fill: #007777; } .hoverable:not(:disabled):active ._g74sqy, .hoverable.active ._g74sqy { fill: #008985; } .hoverable:not(:disabled):active ._lp3dwn, .hoverable.active ._lp3dwn { fill: #BD002C; } .hoverable:not(:disabled):active ._5ekhy5, .hoverable.active ._5ekhy5 { fill: #D10032; } .hoverable:not(:disabled):active ._3wqj74, .hoverable.active ._3wqj74 { fill: #D10032; } .hoverable:not(:disabled):active ._hpxncb, .hoverable.active ._hpxncb { fill: #FF7A17; } .hoverable:not(:disabled):active ._1uwkjl3, .hoverable.active ._1uwkjl3 { fill: #0E57CC; } .hoverable:not(:disabled):active ._1wc7qkp, .hoverable.active ._1wc7qkp { fill: #1297FE; } .hoverable:not(:disabled):active ._ysfv25, .hoverable.active ._ysfv25 { fill: #697591; } .hoverable:not(:disabled):active ._dyg4k6, .hoverable.active ._dyg4k6 { fill: #95A3C1; } .hoverable:not(:disabled):active ._1ccuyan, .hoverable.active ._1ccuyan { fill: #1F1F22; fill-opacity: 1; } .hoverable:not(:disabled):active ._qt01h, .hoverable.active ._qt01h { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._b5s0lq, .hoverable.active ._b5s0lq { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._17nnji3, .hoverable.active ._17nnji3 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._16ki01o, .hoverable.active ._16ki01o { fill: #FFB13B; } .hoverable:not(:disabled):active ._aw94ox, .hoverable.active ._aw94ox { fill: #FFB13B; } .hoverable:disabled ._zeo1nm, .hoverable.disabled ._zeo1nm { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._g74sqy, .hoverable.disabled ._g74sqy { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._lp3dwn, .hoverable.disabled ._lp3dwn { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._5ekhy5, .hoverable.disabled ._5ekhy5 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._3wqj74, .hoverable.disabled ._3wqj74 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._hpxncb, .hoverable.disabled ._hpxncb { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1uwkjl3, .hoverable.disabled ._1uwkjl3 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1wc7qkp, .hoverable.disabled ._1wc7qkp { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._ysfv25, .hoverable.disabled ._ysfv25 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._dyg4k6, .hoverable.disabled ._dyg4k6 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1ccuyan, .hoverable.disabled ._1ccuyan { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._qt01h, .hoverable.disabled ._qt01h { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._b5s0lq, .hoverable.disabled ._b5s0lq { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._17nnji3, .hoverable.disabled ._17nnji3 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._16ki01o, .hoverable.disabled ._16ki01o { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._aw94ox, .hoverable.disabled ._aw94ox { fill: #FFFFFF; fill-opacity: .15; }
@@ -1,36 +1,40 @@
1
1
  import { EIconsTheme } from "../ThemeProvider";
2
2
  const themeToClassNamePalettes = [
3
3
  {
4
- [EIconsTheme.LIGHT]: "_z295jp",
5
- [EIconsTheme.DARK]: "_gjpol9",
4
+ [EIconsTheme.LIGHT]: "_zeo1nm",
5
+ [EIconsTheme.DARK]: "_g74sqy",
6
6
  },
7
7
  {
8
- [EIconsTheme.LIGHT]: "_m6ifbk",
9
- [EIconsTheme.DARK]: "_570hka",
8
+ [EIconsTheme.LIGHT]: "_lp3dwn",
9
+ [EIconsTheme.DARK]: "_5ekhy5",
10
10
  },
11
11
  {
12
- [EIconsTheme.LIGHT]: "_4e4fif",
13
- [EIconsTheme.DARK]: "_h8jqzg",
12
+ [EIconsTheme.LIGHT]: "_3wqj74",
13
+ [EIconsTheme.DARK]: "_hpxncb",
14
14
  },
15
15
  {
16
- [EIconsTheme.LIGHT]: "_1uu5y4w",
17
- [EIconsTheme.DARK]: "_1wosigu",
16
+ [EIconsTheme.LIGHT]: "_1uwkjl3",
17
+ [EIconsTheme.DARK]: "_1wc7qkp",
18
18
  },
19
19
  {
20
- [EIconsTheme.LIGHT]: "_ykvh6y",
21
- [EIconsTheme.DARK]: "_eb0nq9",
20
+ [EIconsTheme.LIGHT]: "_ysfv25",
21
+ [EIconsTheme.DARK]: "_dyg4k6",
22
22
  },
23
23
  {
24
- [EIconsTheme.LIGHT]: "_1cpf4tk",
25
- [EIconsTheme.DARK]: "_y7ayq",
24
+ [EIconsTheme.LIGHT]: "_1ccuyan",
25
+ [EIconsTheme.DARK]: "_qt01h",
26
26
  },
27
27
  {
28
- [EIconsTheme.LIGHT]: "_y7ayq",
29
- [EIconsTheme.DARK]: "_1cpf4tk",
28
+ [EIconsTheme.LIGHT]: "_qt01h",
29
+ [EIconsTheme.DARK]: "_1ccuyan",
30
30
  },
31
31
  {
32
- [EIconsTheme.LIGHT]: "_bncbp5",
33
- [EIconsTheme.DARK]: "_17g2wy4",
32
+ [EIconsTheme.LIGHT]: "_b5s0lq",
33
+ [EIconsTheme.DARK]: "_17nnji3",
34
+ },
35
+ {
36
+ [EIconsTheme.LIGHT]: "_16ki01o",
37
+ [EIconsTheme.DARK]: "_aw94ox",
34
38
  },
35
39
  ];
36
40
  const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];