@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.
- package/ArrowanticlockwiseStrokeSrvIcon20.d.ts +4 -0
- package/ArrowanticlockwiseStrokeSrvIcon20.js +9 -0
- package/ArrowanticlockwiseStrokeSrvIcon24.d.ts +4 -0
- package/ArrowanticlockwiseStrokeSrvIcon24.js +9 -0
- package/ArrowanticlockwiseStrokeSrvIcon32.d.ts +4 -0
- package/ArrowanticlockwiseStrokeSrvIcon32.js +9 -0
- package/ArrowanticlockwisedoubleStrokeSrvIcon20.d.ts +4 -0
- package/ArrowanticlockwisedoubleStrokeSrvIcon20.js +9 -0
- package/ArrowanticlockwisedoubleStrokeSrvIcon24.d.ts +4 -0
- package/ArrowanticlockwisedoubleStrokeSrvIcon24.js +9 -0
- package/ArrowanticlockwisedoubleStrokeSrvIcon32.d.ts +4 -0
- package/ArrowanticlockwisedoubleStrokeSrvIcon32.js +9 -0
- package/ArrowclockwiseStrokeSrvIcon20.d.ts +4 -0
- package/ArrowclockwiseStrokeSrvIcon20.js +9 -0
- package/ArrowclockwiseStrokeSrvIcon24.d.ts +4 -0
- package/ArrowclockwiseStrokeSrvIcon24.js +9 -0
- package/ArrowclockwiseStrokeSrvIcon32.d.ts +4 -0
- package/ArrowclockwiseStrokeSrvIcon32.js +9 -0
- package/HeartFilledSrvIcon20.d.ts +4 -0
- package/HeartFilledSrvIcon20.js +9 -0
- package/HeartFilledSrvIcon24.d.ts +4 -0
- package/HeartFilledSrvIcon24.js +9 -0
- package/HeartFilledSrvIcon32.d.ts +4 -0
- package/HeartFilledSrvIcon32.js +9 -0
- package/HeartStrokeSrvIcon20.d.ts +4 -0
- package/HeartStrokeSrvIcon20.js +9 -0
- package/HeartStrokeSrvIcon24.d.ts +4 -0
- package/HeartStrokeSrvIcon24.js +9 -0
- package/HeartStrokeSrvIcon32.d.ts +4 -0
- package/HeartStrokeSrvIcon32.js +9 -0
- package/RefreshStrokeSrvIcon20.d.ts +1 -0
- package/RefreshStrokeSrvIcon20.js +1 -0
- package/RefreshStrokeSrvIcon24.d.ts +1 -0
- package/RefreshStrokeSrvIcon24.js +1 -0
- package/RefreshStrokeSrvIcon32.d.ts +1 -0
- package/RefreshStrokeSrvIcon32.js +1 -0
- package/index.d.ts +15 -0
- package/index.js +15 -0
- package/package.json +1 -1
- package/styles/icons.css +1 -1
- package/utils/getPathClassName.js +20 -16
|
@@ -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,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,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,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,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,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,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,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,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,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,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,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
package/styles/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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]: "
|
|
5
|
-
[EIconsTheme.DARK]: "
|
|
4
|
+
[EIconsTheme.LIGHT]: "_zeo1nm",
|
|
5
|
+
[EIconsTheme.DARK]: "_g74sqy",
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
|
-
[EIconsTheme.LIGHT]: "
|
|
9
|
-
[EIconsTheme.DARK]: "
|
|
8
|
+
[EIconsTheme.LIGHT]: "_lp3dwn",
|
|
9
|
+
[EIconsTheme.DARK]: "_5ekhy5",
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
|
-
[EIconsTheme.LIGHT]: "
|
|
13
|
-
[EIconsTheme.DARK]: "
|
|
12
|
+
[EIconsTheme.LIGHT]: "_3wqj74",
|
|
13
|
+
[EIconsTheme.DARK]: "_hpxncb",
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
[EIconsTheme.LIGHT]: "
|
|
17
|
-
[EIconsTheme.DARK]: "
|
|
16
|
+
[EIconsTheme.LIGHT]: "_1uwkjl3",
|
|
17
|
+
[EIconsTheme.DARK]: "_1wc7qkp",
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
|
-
[EIconsTheme.LIGHT]: "
|
|
21
|
-
[EIconsTheme.DARK]: "
|
|
20
|
+
[EIconsTheme.LIGHT]: "_ysfv25",
|
|
21
|
+
[EIconsTheme.DARK]: "_dyg4k6",
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
[EIconsTheme.LIGHT]: "
|
|
25
|
-
[EIconsTheme.DARK]: "
|
|
24
|
+
[EIconsTheme.LIGHT]: "_1ccuyan",
|
|
25
|
+
[EIconsTheme.DARK]: "_qt01h",
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
[EIconsTheme.LIGHT]: "
|
|
29
|
-
[EIconsTheme.DARK]: "
|
|
28
|
+
[EIconsTheme.LIGHT]: "_qt01h",
|
|
29
|
+
[EIconsTheme.DARK]: "_1ccuyan",
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
[EIconsTheme.LIGHT]: "
|
|
33
|
-
[EIconsTheme.DARK]: "
|
|
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];
|