@sberbusiness/icons-next 1.42.0 → 1.43.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/CirclesmallStrokeSrvIcon20.d.ts +4 -0
- package/CirclesmallStrokeSrvIcon20.js +9 -0
- package/CirclesmallStrokeSrvIcon24.d.ts +4 -0
- package/CirclesmallStrokeSrvIcon24.js +9 -0
- package/LocksmallFilledSrvIcon20.d.ts +4 -0
- package/LocksmallFilledSrvIcon20.js +9 -0
- package/LocksmallFilledSrvIcon24.d.ts +4 -0
- package/LocksmallFilledSrvIcon24.js +9 -0
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/package.json +1 -1
- package/styles/icons.css +1 -1
- package/utils/getPathClassName.js +24 -24
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const CirclesmallStrokeSrvIcon20 = 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: "CirclesmallStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M14 10a4 4 0 1 0-8 0 4 4 0 0 0 8 0m2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0" }));
|
|
8
|
+
});
|
|
9
|
+
export default CirclesmallStrokeSrvIcon20;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const CirclesmallStrokeSrvIcon24 = 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: "CirclesmallStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M16 12a4 4 0 1 0-8 0 4 4 0 0 0 8 0m2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0" }));
|
|
8
|
+
});
|
|
9
|
+
export default CirclesmallStrokeSrvIcon24;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const LocksmallFilledSrvIcon20 = 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: "LocksmallFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 4.5a3 3 0 0 1 3 3v.565A2 2 0 0 1 14.5 10v3a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-3c0-.932.638-1.712 1.5-1.935V7.5a3 3 0 0 1 3-3m0 2a1 1 0 0 0-1 1V8h2v-.5a1 1 0 0 0-1-1m0 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default LocksmallFilledSrvIcon20;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const LocksmallFilledSrvIcon24 = 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: "LocksmallFilledSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M12 6.5a3 3 0 0 1 3 3v.565A2 2 0 0 1 16.5 12v3a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-3c0-.932.638-1.712 1.5-1.935V9.5a3 3 0 0 1 3-3m0 2a1 1 0 0 0-1 1v.5h2v-.5a1 1 0 0 0-1-1m0 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default LocksmallFilledSrvIcon24;
|
package/index.d.ts
CHANGED
|
@@ -804,6 +804,8 @@ export { default as CheckboxtickStrokeSrvIcon24 } from "./CheckboxtickStrokeSrvI
|
|
|
804
804
|
export { default as ChevronrightStrokeSrvIcon20 } from "./ChevronrightStrokeSrvIcon20";
|
|
805
805
|
export { default as ChevronrightStrokeSrvIcon24 } from "./ChevronrightStrokeSrvIcon24";
|
|
806
806
|
export { default as CirclesmallStrokeSrvIcon16 } from "./CirclesmallStrokeSrvIcon16";
|
|
807
|
+
export { default as CirclesmallStrokeSrvIcon20 } from "./CirclesmallStrokeSrvIcon20";
|
|
808
|
+
export { default as CirclesmallStrokeSrvIcon24 } from "./CirclesmallStrokeSrvIcon24";
|
|
807
809
|
export { default as ClockStrokeSrvIcon20 } from "./ClockStrokeSrvIcon20";
|
|
808
810
|
export { default as ClockStrokeSrvIcon24 } from "./ClockStrokeSrvIcon24";
|
|
809
811
|
export { default as ClockStrokeSrvIcon32 } from "./ClockStrokeSrvIcon32";
|
|
@@ -968,6 +970,8 @@ export { default as LocationStrokeSrvIcon32 } from "./LocationStrokeSrvIcon32";
|
|
|
968
970
|
export { default as LockFilledSrvIcon16 } from "./LockFilledSrvIcon16";
|
|
969
971
|
export { default as LockarrowanticlockwiseStrokeSrvIcon32 } from "./LockarrowanticlockwiseStrokeSrvIcon32";
|
|
970
972
|
export { default as LocksmallFilledSrvIcon16 } from "./LocksmallFilledSrvIcon16";
|
|
973
|
+
export { default as LocksmallFilledSrvIcon20 } from "./LocksmallFilledSrvIcon20";
|
|
974
|
+
export { default as LocksmallFilledSrvIcon24 } from "./LocksmallFilledSrvIcon24";
|
|
971
975
|
export { default as MailStrokeSrvIcon20 } from "./MailStrokeSrvIcon20";
|
|
972
976
|
export { default as MailStrokeSrvIcon24 } from "./MailStrokeSrvIcon24";
|
|
973
977
|
export { default as MailStrokeSrvIcon32 } from "./MailStrokeSrvIcon32";
|
package/index.js
CHANGED
|
@@ -803,6 +803,8 @@ export { default as CheckboxtickStrokeSrvIcon24 } from "./CheckboxtickStrokeSrvI
|
|
|
803
803
|
export { default as ChevronrightStrokeSrvIcon20 } from "./ChevronrightStrokeSrvIcon20";
|
|
804
804
|
export { default as ChevronrightStrokeSrvIcon24 } from "./ChevronrightStrokeSrvIcon24";
|
|
805
805
|
export { default as CirclesmallStrokeSrvIcon16 } from "./CirclesmallStrokeSrvIcon16";
|
|
806
|
+
export { default as CirclesmallStrokeSrvIcon20 } from "./CirclesmallStrokeSrvIcon20";
|
|
807
|
+
export { default as CirclesmallStrokeSrvIcon24 } from "./CirclesmallStrokeSrvIcon24";
|
|
806
808
|
export { default as ClockStrokeSrvIcon20 } from "./ClockStrokeSrvIcon20";
|
|
807
809
|
export { default as ClockStrokeSrvIcon24 } from "./ClockStrokeSrvIcon24";
|
|
808
810
|
export { default as ClockStrokeSrvIcon32 } from "./ClockStrokeSrvIcon32";
|
|
@@ -967,6 +969,8 @@ export { default as LocationStrokeSrvIcon32 } from "./LocationStrokeSrvIcon32";
|
|
|
967
969
|
export { default as LockFilledSrvIcon16 } from "./LockFilledSrvIcon16";
|
|
968
970
|
export { default as LockarrowanticlockwiseStrokeSrvIcon32 } from "./LockarrowanticlockwiseStrokeSrvIcon32";
|
|
969
971
|
export { default as LocksmallFilledSrvIcon16 } from "./LocksmallFilledSrvIcon16";
|
|
972
|
+
export { default as LocksmallFilledSrvIcon20 } from "./LocksmallFilledSrvIcon20";
|
|
973
|
+
export { default as LocksmallFilledSrvIcon24 } from "./LocksmallFilledSrvIcon24";
|
|
970
974
|
export { default as MailStrokeSrvIcon20 } from "./MailStrokeSrvIcon20";
|
|
971
975
|
export { default as MailStrokeSrvIcon24 } from "./MailStrokeSrvIcon24";
|
|
972
976
|
export { default as MailStrokeSrvIcon32 } from "./MailStrokeSrvIcon32";
|
package/package.json
CHANGED
package/styles/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._2w9weg { fill: #008985; } ._19r2x57 { fill: #19BDB0; } ._3liowp { fill: #D10032; } ._mony50 { fill: #F80C45; } ._rfhnnr { fill: #EF4C01; } ._w5xkx1 { fill: #FF7A17; } ._3eoxzb { fill: #0E57CC; } ._1a4u18u { fill: #1297FE; } ._tmdhm3 { fill: #697591; } ._pw9q10 { fill: #95A3C1; } ._a0fu10 { fill: #1F1F22; fill-opacity: .45; } ._1295a20 { fill: #FFFFFF; fill-opacity: .35; } ._loivk0 { fill: #FFFFFF; fill-opacity: 1; } ._ush82d { fill: #FFFFFF; fill-opacity: 1; } ._tyom1b { fill: #FFB13B; } ._1pr97ne { fill: #FFB13B; } ._xqhnre { fill: #1F1F22; fill-opacity: 1; } ._1jsh6cr { fill: #FFFFFF; fill-opacity: 1; } ._s38hwi { fill: #1F1F22; fill-opacity: 1; } ._107th3y { fill: #1F1F22; fill-opacity: .45; } ._jzj2ut { fill: #FFFFFF; fill-opacity: .35; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._2w9weg { fill: #21A19A; } .hoverable:hover ._19r2x57 { fill: #4BD9CF; } .hoverable:hover ._3liowp { fill: #E60037; } .hoverable:hover ._mony50 { fill: #FF5571; } .hoverable:hover ._rfhnnr { fill: #EF4C01; } .hoverable:hover ._w5xkx1 { fill: #FF7A17; } .hoverable:hover ._3eoxzb { fill: #0E57CC; } .hoverable:hover ._1a4u18u { fill: #1297FE; } .hoverable:hover ._tmdhm3 { fill: #697591; } .hoverable:hover ._pw9q10 { fill: #95A3C1; } .hoverable:hover ._a0fu10 { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._1295a20 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._loivk0 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._ush82d { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._tyom1b { fill: #FFB13B; } .hoverable:hover ._1pr97ne { fill: #FFB13B; } .hoverable:hover ._xqhnre { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._1jsh6cr { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._s38hwi { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._107th3y { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._jzj2ut { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:active ._2w9weg, .hoverable.active ._2w9weg { fill: #007777; } .hoverable:active ._19r2x57, .hoverable.active ._19r2x57 { fill: #008985; } .hoverable:active ._3liowp, .hoverable.active ._3liowp { fill: #BD002C; } .hoverable:active ._mony50, .hoverable.active ._mony50 { fill: #D10032; } .hoverable:active ._rfhnnr, .hoverable.active ._rfhnnr { fill: #D10032; } .hoverable:active ._w5xkx1, .hoverable.active ._w5xkx1 { fill: #FF7A17; } .hoverable:active ._3eoxzb, .hoverable.active ._3eoxzb { fill: #0E57CC; } .hoverable:active ._1a4u18u, .hoverable.active ._1a4u18u { fill: #1297FE; } .hoverable:active ._tmdhm3, .hoverable.active ._tmdhm3 { fill: #697591; } .hoverable:active ._pw9q10, .hoverable.active ._pw9q10 { fill: #95A3C1; } .hoverable:active ._a0fu10, .hoverable.active ._a0fu10 { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._1295a20, .hoverable.active ._1295a20 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._loivk0, .hoverable.active ._loivk0 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._ush82d, .hoverable.active ._ush82d { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._tyom1b, .hoverable.active ._tyom1b { fill: #FFB13B; } .hoverable:active ._1pr97ne, .hoverable.active ._1pr97ne { fill: #FFB13B; } .hoverable:active ._xqhnre, .hoverable.active ._xqhnre { fill: #008985; } .hoverable:active ._1jsh6cr, .hoverable.active ._1jsh6cr { fill: #19BDB0; } .hoverable:active ._s38hwi, .hoverable.active ._s38hwi { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._107th3y, .hoverable.active ._107th3y { fill: #008985; } .hoverable:active ._jzj2ut, .hoverable.active ._jzj2ut { fill: #19BDB0; } .hoverable:disabled ._2w9weg, .hoverable.disabled ._2w9weg { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._19r2x57, .hoverable.disabled ._19r2x57 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._3liowp, .hoverable.disabled ._3liowp { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._mony50, .hoverable.disabled ._mony50 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._rfhnnr, .hoverable.disabled ._rfhnnr { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._w5xkx1, .hoverable.disabled ._w5xkx1 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._3eoxzb, .hoverable.disabled ._3eoxzb { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1a4u18u, .hoverable.disabled ._1a4u18u { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._tmdhm3, .hoverable.disabled ._tmdhm3 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._pw9q10, .hoverable.disabled ._pw9q10 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._a0fu10, .hoverable.disabled ._a0fu10 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1295a20, .hoverable.disabled ._1295a20 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._loivk0, .hoverable.disabled ._loivk0 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._ush82d, .hoverable.disabled ._ush82d { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._tyom1b, .hoverable.disabled ._tyom1b { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1pr97ne, .hoverable.disabled ._1pr97ne { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._xqhnre, .hoverable.disabled ._xqhnre { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1jsh6cr, .hoverable.disabled ._1jsh6cr { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._s38hwi, .hoverable.disabled ._s38hwi { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._107th3y, .hoverable.disabled ._107th3y { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._jzj2ut, .hoverable.disabled ._jzj2ut { fill: #FFFFFF; fill-opacity: .15; }
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
import { EIconsTheme } from "../ThemeProvider";
|
|
2
2
|
const themeToClassNamePalettes = [
|
|
3
3
|
{
|
|
4
|
-
[EIconsTheme.LIGHT]: "
|
|
5
|
-
[EIconsTheme.DARK]: "
|
|
4
|
+
[EIconsTheme.LIGHT]: "_2w9weg",
|
|
5
|
+
[EIconsTheme.DARK]: "_19r2x57",
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
|
-
[EIconsTheme.LIGHT]: "
|
|
9
|
-
[EIconsTheme.DARK]: "
|
|
8
|
+
[EIconsTheme.LIGHT]: "_3liowp",
|
|
9
|
+
[EIconsTheme.DARK]: "_mony50",
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
|
-
[EIconsTheme.LIGHT]: "
|
|
13
|
-
[EIconsTheme.DARK]: "
|
|
12
|
+
[EIconsTheme.LIGHT]: "_rfhnnr",
|
|
13
|
+
[EIconsTheme.DARK]: "_w5xkx1",
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
[EIconsTheme.LIGHT]: "
|
|
17
|
-
[EIconsTheme.DARK]: "
|
|
16
|
+
[EIconsTheme.LIGHT]: "_3eoxzb",
|
|
17
|
+
[EIconsTheme.DARK]: "_1a4u18u",
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
|
-
[EIconsTheme.LIGHT]: "
|
|
21
|
-
[EIconsTheme.DARK]: "
|
|
20
|
+
[EIconsTheme.LIGHT]: "_tmdhm3",
|
|
21
|
+
[EIconsTheme.DARK]: "_pw9q10",
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
[EIconsTheme.LIGHT]: "
|
|
25
|
-
[EIconsTheme.DARK]: "
|
|
24
|
+
[EIconsTheme.LIGHT]: "_a0fu10",
|
|
25
|
+
[EIconsTheme.DARK]: "_1295a20",
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
[EIconsTheme.LIGHT]: "
|
|
29
|
-
[EIconsTheme.DARK]: "
|
|
28
|
+
[EIconsTheme.LIGHT]: "_1295a20",
|
|
29
|
+
[EIconsTheme.DARK]: "_a0fu10",
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
[EIconsTheme.LIGHT]: "
|
|
33
|
-
[EIconsTheme.DARK]: "
|
|
32
|
+
[EIconsTheme.LIGHT]: "_loivk0",
|
|
33
|
+
[EIconsTheme.DARK]: "_ush82d",
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
|
-
[EIconsTheme.LIGHT]: "
|
|
37
|
-
[EIconsTheme.DARK]: "
|
|
36
|
+
[EIconsTheme.LIGHT]: "_tyom1b",
|
|
37
|
+
[EIconsTheme.DARK]: "_1pr97ne",
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
|
-
[EIconsTheme.LIGHT]: "
|
|
41
|
-
[EIconsTheme.DARK]: "
|
|
40
|
+
[EIconsTheme.LIGHT]: "_xqhnre",
|
|
41
|
+
[EIconsTheme.DARK]: "_1jsh6cr",
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
[EIconsTheme.LIGHT]: "
|
|
45
|
-
[EIconsTheme.DARK]: "
|
|
44
|
+
[EIconsTheme.LIGHT]: "_loivk0",
|
|
45
|
+
[EIconsTheme.DARK]: "_s38hwi",
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
[EIconsTheme.LIGHT]: "
|
|
49
|
-
[EIconsTheme.DARK]: "
|
|
48
|
+
[EIconsTheme.LIGHT]: "_107th3y",
|
|
49
|
+
[EIconsTheme.DARK]: "_jzj2ut",
|
|
50
50
|
},
|
|
51
51
|
];
|
|
52
52
|
const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];
|