@sberbusiness/icons-next 1.35.0 → 1.36.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/HeartFilledSrvIcon16.d.ts +4 -0
- package/HeartFilledSrvIcon16.js +9 -0
- package/HeartStrokeSrvIcon16.d.ts +4 -0
- package/HeartStrokeSrvIcon16.js +9 -0
- package/StopFilledSrvIcon20.d.ts +4 -0
- package/StopFilledSrvIcon20.js +9 -0
- package/index.d.ts +3 -0
- package/index.js +3 -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 HeartFilledSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "HeartFilledSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M8.003 2.361C9.976.407 13.296.3 15.075 2.795c1.77 2.481.742 5.344-.801 7.512-1.576 2.214-3.956 4.131-5.817 5.08a1 1 0 0 1-.908 0c-1.86-.949-4.24-2.866-5.816-5.08C.189 8.14-.838 5.277.93 2.795 2.71.299 6.03.407 8.003 2.36" }));
|
|
8
|
+
});
|
|
9
|
+
export default HeartFilledSrvIcon16;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const HeartStrokeSrvIcon16 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", name: "HeartStrokeSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M8.003 2.361C9.976.407 13.296.3 15.075 2.795c1.77 2.481.742 5.344-.801 7.512-1.576 2.214-3.956 4.131-5.817 5.08a1 1 0 0 1-.908 0c-1.86-.949-4.24-2.866-5.816-5.08C.189 8.14-.838 5.277.93 2.795 2.71.299 6.03.407 8.003 2.36m-.872 2.124C6.05 2.553 3.647 2.432 2.56 3.955c-.989 1.388-.611 3.207.802 5.192 1.252 1.76 3.12 3.329 4.641 4.21 1.52-.881 3.39-2.45 4.642-4.21 1.412-1.985 1.79-3.804.802-5.191-1.088-1.524-3.49-1.403-4.572.53a1 1 0 0 1-1.744 0", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default HeartStrokeSrvIcon16;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const StopFilledSrvIcon20 = 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: "StopFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M14 3a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" }));
|
|
8
|
+
});
|
|
9
|
+
export default StopFilledSrvIcon20;
|
package/index.d.ts
CHANGED
|
@@ -875,9 +875,11 @@ export { default as GiftStrokeSrvIcon20 } from "./GiftStrokeSrvIcon20";
|
|
|
875
875
|
export { default as GiftStrokeSrvIcon32 } from "./GiftStrokeSrvIcon32";
|
|
876
876
|
export { default as HamburgerStrokeSrvIcon20 } from "./HamburgerStrokeSrvIcon20";
|
|
877
877
|
export { default as HamburgerStrokeSrvIcon32 } from "./HamburgerStrokeSrvIcon32";
|
|
878
|
+
export { default as HeartFilledSrvIcon16 } from "./HeartFilledSrvIcon16";
|
|
878
879
|
export { default as HeartFilledSrvIcon20 } from "./HeartFilledSrvIcon20";
|
|
879
880
|
export { default as HeartFilledSrvIcon24 } from "./HeartFilledSrvIcon24";
|
|
880
881
|
export { default as HeartFilledSrvIcon32 } from "./HeartFilledSrvIcon32";
|
|
882
|
+
export { default as HeartStrokeSrvIcon16 } from "./HeartStrokeSrvIcon16";
|
|
881
883
|
export { default as HeartStrokeSrvIcon20 } from "./HeartStrokeSrvIcon20";
|
|
882
884
|
export { default as HeartStrokeSrvIcon24 } from "./HeartStrokeSrvIcon24";
|
|
883
885
|
export { default as HeartStrokeSrvIcon32 } from "./HeartStrokeSrvIcon32";
|
|
@@ -1106,6 +1108,7 @@ export { default as StethoscopeStrokeSrvIcon32 } from "./StethoscopeStrokeSrvIco
|
|
|
1106
1108
|
export { default as StickerStrokeSrvIcon20 } from "./StickerStrokeSrvIcon20";
|
|
1107
1109
|
export { default as StickerStrokeSrvIcon24 } from "./StickerStrokeSrvIcon24";
|
|
1108
1110
|
export { default as StickerStrokeSrvIcon32 } from "./StickerStrokeSrvIcon32";
|
|
1111
|
+
export { default as StopFilledSrvIcon20 } from "./StopFilledSrvIcon20";
|
|
1109
1112
|
export { default as SupermarketStrokeSrvIcon20 } from "./SupermarketStrokeSrvIcon20";
|
|
1110
1113
|
export { default as SupermarketStrokeSrvIcon32 } from "./SupermarketStrokeSrvIcon32";
|
|
1111
1114
|
export { default as TabletmenuStrokeSrvIcon20 } from "./TabletmenuStrokeSrvIcon20";
|
package/index.js
CHANGED
|
@@ -874,9 +874,11 @@ export { default as GiftStrokeSrvIcon20 } from "./GiftStrokeSrvIcon20";
|
|
|
874
874
|
export { default as GiftStrokeSrvIcon32 } from "./GiftStrokeSrvIcon32";
|
|
875
875
|
export { default as HamburgerStrokeSrvIcon20 } from "./HamburgerStrokeSrvIcon20";
|
|
876
876
|
export { default as HamburgerStrokeSrvIcon32 } from "./HamburgerStrokeSrvIcon32";
|
|
877
|
+
export { default as HeartFilledSrvIcon16 } from "./HeartFilledSrvIcon16";
|
|
877
878
|
export { default as HeartFilledSrvIcon20 } from "./HeartFilledSrvIcon20";
|
|
878
879
|
export { default as HeartFilledSrvIcon24 } from "./HeartFilledSrvIcon24";
|
|
879
880
|
export { default as HeartFilledSrvIcon32 } from "./HeartFilledSrvIcon32";
|
|
881
|
+
export { default as HeartStrokeSrvIcon16 } from "./HeartStrokeSrvIcon16";
|
|
880
882
|
export { default as HeartStrokeSrvIcon20 } from "./HeartStrokeSrvIcon20";
|
|
881
883
|
export { default as HeartStrokeSrvIcon24 } from "./HeartStrokeSrvIcon24";
|
|
882
884
|
export { default as HeartStrokeSrvIcon32 } from "./HeartStrokeSrvIcon32";
|
|
@@ -1105,6 +1107,7 @@ export { default as StethoscopeStrokeSrvIcon32 } from "./StethoscopeStrokeSrvIco
|
|
|
1105
1107
|
export { default as StickerStrokeSrvIcon20 } from "./StickerStrokeSrvIcon20";
|
|
1106
1108
|
export { default as StickerStrokeSrvIcon24 } from "./StickerStrokeSrvIcon24";
|
|
1107
1109
|
export { default as StickerStrokeSrvIcon32 } from "./StickerStrokeSrvIcon32";
|
|
1110
|
+
export { default as StopFilledSrvIcon20 } from "./StopFilledSrvIcon20";
|
|
1108
1111
|
export { default as SupermarketStrokeSrvIcon20 } from "./SupermarketStrokeSrvIcon20";
|
|
1109
1112
|
export { default as SupermarketStrokeSrvIcon32 } from "./SupermarketStrokeSrvIcon32";
|
|
1110
1113
|
export { default as TabletmenuStrokeSrvIcon20 } from "./TabletmenuStrokeSrvIcon20";
|
package/package.json
CHANGED
package/styles/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._14cllwa { fill: #008985; } ._hqywwp { fill: #19BDB0; } ._165hlu3 { fill: #D10032; } ._1kaewna { fill: #F80C45; } ._1xapljp { fill: #EF4C01; } ._1smrkon { fill: #FF7A17; } ._15zlf11 { fill: #0E57CC; } ._h0t5zw { fill: #1297FE; } ._1v3zdix { fill: #697591; } ._1j0nfiu { fill: #95A3C1; } ._1h07kie { fill: #1F1F22; fill-opacity: .45; } ._57diey { fill: #FFFFFF; fill-opacity: .35; } ._1n621hu { fill: #FFFFFF; fill-opacity: 1; } ._1w87hon { fill: #FFFFFF; fill-opacity: 1; } ._1uu3ba5 { fill: #FFB13B; } ._jatf3c { fill: #FFB13B; } ._1quvd94 { fill: #1F1F22; fill-opacity: 1; } ._mrp1rt { fill: #FFFFFF; fill-opacity: 1; } ._1yie0vk { fill: #1F1F22; fill-opacity: 1; } ._73sbkc { fill: #1F1F22; fill-opacity: .45; } ._1mkerfr { fill: #FFFFFF; fill-opacity: .35; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._14cllwa { fill: #21A19A; } .hoverable:hover ._hqywwp { fill: #4BD9CF; } .hoverable:hover ._165hlu3 { fill: #E60037; } .hoverable:hover ._1kaewna { fill: #FF5571; } .hoverable:hover ._1xapljp { fill: #EF4C01; } .hoverable:hover ._1smrkon { fill: #FF7A17; } .hoverable:hover ._15zlf11 { fill: #0E57CC; } .hoverable:hover ._h0t5zw { fill: #1297FE; } .hoverable:hover ._1v3zdix { fill: #697591; } .hoverable:hover ._1j0nfiu { fill: #95A3C1; } .hoverable:hover ._1h07kie { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._57diey { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1n621hu { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1w87hon { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1uu3ba5 { fill: #FFB13B; } .hoverable:hover ._jatf3c { fill: #FFB13B; } .hoverable:hover ._1quvd94 { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._mrp1rt { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1yie0vk { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._73sbkc { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._1mkerfr { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:active ._14cllwa, .hoverable.active ._14cllwa { fill: #007777; } .hoverable:active ._hqywwp, .hoverable.active ._hqywwp { fill: #008985; } .hoverable:active ._165hlu3, .hoverable.active ._165hlu3 { fill: #BD002C; } .hoverable:active ._1kaewna, .hoverable.active ._1kaewna { fill: #D10032; } .hoverable:active ._1xapljp, .hoverable.active ._1xapljp { fill: #D10032; } .hoverable:active ._1smrkon, .hoverable.active ._1smrkon { fill: #FF7A17; } .hoverable:active ._15zlf11, .hoverable.active ._15zlf11 { fill: #0E57CC; } .hoverable:active ._h0t5zw, .hoverable.active ._h0t5zw { fill: #1297FE; } .hoverable:active ._1v3zdix, .hoverable.active ._1v3zdix { fill: #697591; } .hoverable:active ._1j0nfiu, .hoverable.active ._1j0nfiu { fill: #95A3C1; } .hoverable:active ._1h07kie, .hoverable.active ._1h07kie { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._57diey, .hoverable.active ._57diey { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._1n621hu, .hoverable.active ._1n621hu { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._1w87hon, .hoverable.active ._1w87hon { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._1uu3ba5, .hoverable.active ._1uu3ba5 { fill: #FFB13B; } .hoverable:active ._jatf3c, .hoverable.active ._jatf3c { fill: #FFB13B; } .hoverable:active ._1quvd94, .hoverable.active ._1quvd94 { fill: #008985; } .hoverable:active ._mrp1rt, .hoverable.active ._mrp1rt { fill: #19BDB0; } .hoverable:active ._1yie0vk, .hoverable.active ._1yie0vk { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._73sbkc, .hoverable.active ._73sbkc { fill: #008985; } .hoverable:active ._1mkerfr, .hoverable.active ._1mkerfr { fill: #19BDB0; } .hoverable:disabled ._14cllwa, .hoverable.disabled ._14cllwa { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._hqywwp, .hoverable.disabled ._hqywwp { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._165hlu3, .hoverable.disabled ._165hlu3 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1kaewna, .hoverable.disabled ._1kaewna { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1xapljp, .hoverable.disabled ._1xapljp { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1smrkon, .hoverable.disabled ._1smrkon { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._15zlf11, .hoverable.disabled ._15zlf11 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._h0t5zw, .hoverable.disabled ._h0t5zw { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1v3zdix, .hoverable.disabled ._1v3zdix { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1j0nfiu, .hoverable.disabled ._1j0nfiu { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1h07kie, .hoverable.disabled ._1h07kie { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._57diey, .hoverable.disabled ._57diey { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1n621hu, .hoverable.disabled ._1n621hu { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1w87hon, .hoverable.disabled ._1w87hon { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1uu3ba5, .hoverable.disabled ._1uu3ba5 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._jatf3c, .hoverable.disabled ._jatf3c { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1quvd94, .hoverable.disabled ._1quvd94 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._mrp1rt, .hoverable.disabled ._mrp1rt { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1yie0vk, .hoverable.disabled ._1yie0vk { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._73sbkc, .hoverable.disabled ._73sbkc { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1mkerfr, .hoverable.disabled ._1mkerfr { 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]: "_14cllwa",
|
|
5
|
+
[EIconsTheme.DARK]: "_hqywwp",
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
|
-
[EIconsTheme.LIGHT]: "
|
|
9
|
-
[EIconsTheme.DARK]: "
|
|
8
|
+
[EIconsTheme.LIGHT]: "_165hlu3",
|
|
9
|
+
[EIconsTheme.DARK]: "_1kaewna",
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
|
-
[EIconsTheme.LIGHT]: "
|
|
13
|
-
[EIconsTheme.DARK]: "
|
|
12
|
+
[EIconsTheme.LIGHT]: "_1xapljp",
|
|
13
|
+
[EIconsTheme.DARK]: "_1smrkon",
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
[EIconsTheme.LIGHT]: "
|
|
17
|
-
[EIconsTheme.DARK]: "
|
|
16
|
+
[EIconsTheme.LIGHT]: "_15zlf11",
|
|
17
|
+
[EIconsTheme.DARK]: "_h0t5zw",
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
|
-
[EIconsTheme.LIGHT]: "
|
|
21
|
-
[EIconsTheme.DARK]: "
|
|
20
|
+
[EIconsTheme.LIGHT]: "_1v3zdix",
|
|
21
|
+
[EIconsTheme.DARK]: "_1j0nfiu",
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
[EIconsTheme.LIGHT]: "
|
|
25
|
-
[EIconsTheme.DARK]: "
|
|
24
|
+
[EIconsTheme.LIGHT]: "_1h07kie",
|
|
25
|
+
[EIconsTheme.DARK]: "_57diey",
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
[EIconsTheme.LIGHT]: "
|
|
29
|
-
[EIconsTheme.DARK]: "
|
|
28
|
+
[EIconsTheme.LIGHT]: "_57diey",
|
|
29
|
+
[EIconsTheme.DARK]: "_1h07kie",
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
[EIconsTheme.LIGHT]: "
|
|
33
|
-
[EIconsTheme.DARK]: "
|
|
32
|
+
[EIconsTheme.LIGHT]: "_1n621hu",
|
|
33
|
+
[EIconsTheme.DARK]: "_1w87hon",
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
|
-
[EIconsTheme.LIGHT]: "
|
|
37
|
-
[EIconsTheme.DARK]: "
|
|
36
|
+
[EIconsTheme.LIGHT]: "_1uu3ba5",
|
|
37
|
+
[EIconsTheme.DARK]: "_jatf3c",
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
|
-
[EIconsTheme.LIGHT]: "
|
|
41
|
-
[EIconsTheme.DARK]: "
|
|
40
|
+
[EIconsTheme.LIGHT]: "_1quvd94",
|
|
41
|
+
[EIconsTheme.DARK]: "_mrp1rt",
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
[EIconsTheme.LIGHT]: "
|
|
45
|
-
[EIconsTheme.DARK]: "
|
|
44
|
+
[EIconsTheme.LIGHT]: "_1n621hu",
|
|
45
|
+
[EIconsTheme.DARK]: "_1yie0vk",
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
[EIconsTheme.LIGHT]: "
|
|
49
|
-
[EIconsTheme.DARK]: "
|
|
48
|
+
[EIconsTheme.LIGHT]: "_73sbkc",
|
|
49
|
+
[EIconsTheme.DARK]: "_1mkerfr",
|
|
50
50
|
},
|
|
51
51
|
];
|
|
52
52
|
const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];
|