@sberbusiness/icons-next 1.43.0 → 1.44.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/ApisandboxMrkIcon128.js +10 -10
- package/ApisandboxMrkIcon96.js +8 -8
- package/CalendardoneMrkIcon128.js +6 -6
- package/CalendardoneMrkIcon96.js +7 -7
- package/GiftStrokeSrvIcon24.d.ts +4 -0
- package/GiftStrokeSrvIcon24.js +9 -0
- package/JamjobStrokePrdIcon20.d.ts +4 -0
- package/JamjobStrokePrdIcon20.js +10 -0
- package/JamjobStrokePrdIcon32.d.ts +4 -0
- package/JamjobStrokePrdIcon32.js +10 -0
- package/PauseFilledSrvIcon20.d.ts +4 -0
- package/PauseFilledSrvIcon20.js +9 -0
- package/PlayFilledSrvIcon16.d.ts +4 -0
- package/PlayFilledSrvIcon16.js +9 -0
- package/PlayFilledSrvIcon20.d.ts +4 -0
- package/PlayFilledSrvIcon20.js +9 -0
- package/README.md +25 -2
- package/SoundonFilledSrvIcon16.d.ts +4 -0
- package/SoundonFilledSrvIcon16.js +11 -0
- package/SquircleStrokeStsIcon16.d.ts +4 -0
- package/SquircleStrokeStsIcon16.js +9 -0
- package/SquircleStrokeStsIcon20.d.ts +4 -0
- package/SquircleStrokeStsIcon20.js +9 -0
- package/SquircleStrokeStsIcon24.d.ts +4 -0
- package/SquircleStrokeStsIcon24.js +9 -0
- package/SquircleStrokeStsIcon32.d.ts +4 -0
- package/SquircleStrokeStsIcon32.js +9 -0
- package/StopFilledSrvIcon16.d.ts +4 -0
- package/StopFilledSrvIcon16.js +9 -0
- package/StopFilledSrvIcon24.d.ts +4 -0
- package/StopFilledSrvIcon24.js +9 -0
- package/TokenMrkIcon96.js +1 -1
- package/index.d.ts +13 -0
- package/index.js +13 -0
- package/package.json +4 -3
- package/styles/icons.css +1 -1
- package/utils/getPathClassName.js +24 -24
package/ApisandboxMrkIcon128.js
CHANGED
|
@@ -6,11 +6,11 @@ const ApisandboxMrkIcon128 = React.forwardRef((props, ref) => {
|
|
|
6
6
|
case EIconsTheme.LIGHT:
|
|
7
7
|
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ApisandboxMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
8
|
React.createElement("path", { fill: "url(#a_apisandbox128)", d: "M104 43.28a8.02 8.02 0 0 0-4.207-7.056l-32-17.266a7.99 7.99 0 0 0-7.586 0l-32 17.266A8.02 8.02 0 0 0 24 43.281v41.438a8.02 8.02 0 0 0 4.207 7.057l32 17.266a7.99 7.99 0 0 0 7.586 0l32-17.266A8.02 8.02 0 0 0 104 84.719z" }),
|
|
9
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M31 50a4 4 0
|
|
10
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M45 50a4 4 0
|
|
11
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M38 90a4 4 0
|
|
12
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M59 50a4 4 0
|
|
13
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M73 50a4 4 0
|
|
9
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M31 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
10
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M45 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0M52 38a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M38 90a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
12
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M59 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0M66 38a4 4 0 0 1 8 0 4 4 0 0 1-8 0M52 90a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
13
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M73 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0M80 38a4 4 0 0 1 8 0 4 4 0 0 1-8 0M66 90a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
14
14
|
React.createElement("path", { fill: "#fff", d: "M56.496 60.683a2 2 0 0 1 3.01 2.635L53.658 70l5.846 6.683a2 2 0 0 1-3.01 2.635l-7-8a2 2 0 0 1 0-2.634zM76.683 60.496a2 2 0 0 1 2.822.187l7 8.001a2 2 0 0 1 0 2.634l-7 8a2.001 2.001 0 0 1-3.01-2.635L82.343 70l-5.846-6.682a2 2 0 0 1 .187-2.822M68.06 61.515a2 2 0 0 1 3.88.97l-4 16a2.001 2.001 0 0 1-3.88-.97z" }),
|
|
15
15
|
React.createElement("defs", null,
|
|
16
16
|
React.createElement("radialGradient", { id: "a_apisandbox128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-24.5 55.5 57.857 25.6423 68 70)", gradientUnits: "userSpaceOnUse" },
|
|
@@ -19,11 +19,11 @@ const ApisandboxMrkIcon128 = React.forwardRef((props, ref) => {
|
|
|
19
19
|
case EIconsTheme.DARK:
|
|
20
20
|
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ApisandboxMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
21
21
|
React.createElement("path", { fill: "url(#a_apisandbox128)", d: "M104 43.28a8.02 8.02 0 0 0-4.207-7.056l-32-17.266a7.99 7.99 0 0 0-7.586 0l-32 17.266A8.02 8.02 0 0 0 24 43.281v41.438a8.02 8.02 0 0 0 4.207 7.057l32 17.266a7.99 7.99 0 0 0 7.586 0l32-17.266A8.02 8.02 0 0 0 104 84.719z" }),
|
|
22
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M31 50a4 4 0
|
|
23
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M45 50a4 4 0
|
|
24
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M38 90a4 4 0
|
|
25
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M59 50a4 4 0
|
|
26
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M73 50a4 4 0
|
|
22
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M31 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
23
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M45 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0M52 38a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
24
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M38 90a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
25
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M59 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0M66 38a4 4 0 0 1 8 0 4 4 0 0 1-8 0M52 90a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
26
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M73 50a4 4 0 0 1 8 0 4 4 0 0 1-8 0M80 38a4 4 0 0 1 8 0 4 4 0 0 1-8 0M66 90a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
27
27
|
React.createElement("path", { fill: "#fff", d: "M56.496 60.683a2 2 0 0 1 3.01 2.635L53.658 70l5.846 6.683a2.001 2.001 0 0 1-3.01 2.635l-7-8a2 2 0 0 1 0-2.634zM76.683 60.496a2 2 0 0 1 2.822.187l7 8.001a2 2 0 0 1 0 2.634l-7 8a2 2 0 0 1-3.01-2.635L82.343 70l-5.846-6.682a2 2 0 0 1 .187-2.822M68.06 61.515a2 2 0 0 1 3.88.97l-4 16a2.001 2.001 0 0 1-3.88-.97z" }),
|
|
28
28
|
React.createElement("defs", null,
|
|
29
29
|
React.createElement("radialGradient", { id: "a_apisandbox128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-24.5 55.5 57.857 25.6423 68 70)", gradientUnits: "userSpaceOnUse" },
|
package/ApisandboxMrkIcon96.js
CHANGED
|
@@ -7,10 +7,10 @@ const ApisandboxMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
7
7
|
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ApisandboxMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
8
|
React.createElement("path", { fill: "url(#a_apisandbox96)", d: "M78 32.686a5.91 5.91 0 0 0-3.155-5.216l-24-12.762a6.07 6.07 0 0 0-5.69 0l-24 12.762A5.91 5.91 0 0 0 18 32.686v30.628a5.91 5.91 0 0 0 3.155 5.216l24 12.762a6.07 6.07 0 0 0 5.69 0l24-12.762A5.91 5.91 0 0 0 78 63.314z" }),
|
|
9
9
|
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M24 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
10
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M34 37a3 3 0 1 1 6 0 3 3 0
|
|
11
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M29 68a3 3 0 1 1 6 0 3 3 0
|
|
12
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M44 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 28.5a3 3 0 1 1 6 0 3 3 0
|
|
13
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M54 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M59 29a3 3 0 1 1 6 0 3 3 0
|
|
10
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M34 37a3 3 0 1 1 6 0 3 3 0 1 1-6 0M39 28.5a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M29 68a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
12
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M44 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 28.5a3 3 0 1 1 6 0 3 3 0 1 1-6 0M39 68a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
13
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M54 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M59 29a3 3 0 1 1 6 0 3 3 0 1 1-6 0M49 68a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
14
14
|
React.createElement("path", { fill: "#fff", d: "M51.045 46.136a1.5 1.5 0 0 1 2.91.728l-3 12a1.5 1.5 0 0 1-2.91-.728zM57.487 45.395a1.5 1.5 0 0 1 2.119.092l5.5 5.999a1.5 1.5 0 0 1 0 2.026l-5.5 6.002a1.5 1.5 0 0 1-2.211-2.027l4.57-4.987-4.57-4.986a1.5 1.5 0 0 1 .092-2.119M42.395 45.486a1.5 1.5 0 0 1 2.21 2.027l-4.57 4.986 4.57 4.987a1.5 1.5 0 0 1-2.21 2.027l-5.5-6.002a1.5 1.5 0 0 1 0-2.026z" }),
|
|
15
15
|
React.createElement("defs", null,
|
|
16
16
|
React.createElement("radialGradient", { id: "a_apisandbox96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-18.375 41.0217 43.3927 18.953 51 52.435)", gradientUnits: "userSpaceOnUse" },
|
|
@@ -20,10 +20,10 @@ const ApisandboxMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
20
20
|
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ApisandboxMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
21
21
|
React.createElement("path", { fill: "url(#a_apisandbox96)", d: "M78 32.686a5.91 5.91 0 0 0-3.155-5.216l-24-12.762a6.07 6.07 0 0 0-5.69 0l-24 12.762A5.91 5.91 0 0 0 18 32.686v30.628a5.91 5.91 0 0 0 3.155 5.216l24 12.762a6.07 6.07 0 0 0 5.69 0l24-12.762A5.91 5.91 0 0 0 78 63.314z" }),
|
|
22
22
|
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M24 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
23
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M34 37a3 3 0 1 1 6 0 3 3 0
|
|
24
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M29 68a3 3 0 1 1 6 0 3 3 0
|
|
25
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M44 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 28.5a3 3 0 1 1 6 0 3 3 0
|
|
26
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M54 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M59 29a3 3 0 1 1 6 0 3 3 0
|
|
23
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M34 37a3 3 0 1 1 6 0 3 3 0 1 1-6 0M39 28.5a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
24
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M29 68a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
25
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M44 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 28.5a3 3 0 1 1 6 0 3 3 0 1 1-6 0M39 68a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
26
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M54 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M59 29a3 3 0 1 1 6 0 3 3 0 1 1-6 0M49 68a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
27
27
|
React.createElement("path", { fill: "#fff", d: "M51.045 46.136a1.5 1.5 0 0 1 2.91.728l-3 12a1.5 1.5 0 0 1-2.91-.728zM57.487 45.395a1.5 1.5 0 0 1 2.119.092l5.5 5.999a1.5 1.5 0 0 1 0 2.026l-5.5 6.002a1.5 1.5 0 0 1-2.211-2.027l4.57-4.987-4.57-4.986a1.5 1.5 0 0 1 .092-2.119M42.395 45.486a1.5 1.5 0 0 1 2.21 2.027l-4.57 4.986 4.57 4.987a1.5 1.5 0 0 1-2.21 2.027l-5.5-6.002a1.5 1.5 0 0 1 0-2.026z" }),
|
|
28
28
|
React.createElement("defs", null,
|
|
29
29
|
React.createElement("radialGradient", { id: "a_apisandbox96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-18.375 41.0217 43.3927 18.953 51 52.435)", gradientUnits: "userSpaceOnUse" },
|
|
@@ -9,12 +9,12 @@ const CalendardoneMrkIcon128 = React.forwardRef((props, ref) => {
|
|
|
9
9
|
React.createElement("path", { fill: "url(#a_calendardone128)", d: "M99 87a8 8 0 0 1-8 8H25a8 8 0 0 1-8-8V29a8 8 0 0 1 8-8h66a8 8 0 0 1 8 8z" }),
|
|
10
10
|
React.createElement("path", { fill: "#fff", d: "M87.474 63.719a2.001 2.001 0 0 1 3.072 2.562l-15.01 18c-.118.141-.253.26-.397.36l-.045.033a2 2 0 0 1-.117.069q-.026.016-.052.03a2 2 0 0 1-.467.171q-.042.012-.085.02-.028.005-.055.008-.068.013-.134.019-.045.003-.09.004-.05.003-.1.004-.058-.001-.117-.005l-.072-.004q-.166-.016-.327-.061l-.052-.013a2 2 0 0 1-.474-.214l-.061-.038q-.036-.025-.07-.052-.048-.034-.094-.07l-.008-.006a2 2 0 0 1-.158-.148l-7.975-7.974a2 2 0 1 1 2.828-2.828l6.451 6.45z" }),
|
|
11
11
|
React.createElement("path", { fill: "url(#b_calendardone128)", d: "M99 38H17v-9a8 8 0 0 1 8-8h66a8 8 0 0 1 8 8z" }),
|
|
12
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M33 55a4 4 0
|
|
12
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M33 55a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
13
13
|
React.createElement("rect", { width: "8", height: "8", x: "47", y: "51", fill: "#fff", fillOpacity: ".65", rx: "4" }),
|
|
14
14
|
React.createElement("rect", { width: "8", height: "8", x: "61", y: "51", fill: "#fff", fillOpacity: ".65", rx: "4" }),
|
|
15
15
|
React.createElement("rect", { width: "8", height: "8", x: "75", y: "51", fill: "#fff", fillOpacity: ".3", rx: "4" }),
|
|
16
16
|
React.createElement("rect", { width: "8", height: "8", x: "33", y: "67", fill: "#fff", fillOpacity: ".65", rx: "4" }),
|
|
17
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M47 71a4 4 0
|
|
17
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M47 71a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
18
18
|
React.createElement("defs", null,
|
|
19
19
|
React.createElement("radialGradient", { id: "a_calendardone128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-51.0222 -45.325 54.7418 -63.5158 83.967 78.35)", gradientUnits: "userSpaceOnUse" },
|
|
20
20
|
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
@@ -28,11 +28,11 @@ const CalendardoneMrkIcon128 = React.forwardRef((props, ref) => {
|
|
|
28
28
|
React.createElement("path", { fill: "url(#a_calendardone128)", d: "M99 87a8 8 0 0 1-8 8H25a8 8 0 0 1-8-8V29a8 8 0 0 1 8-8h66a8 8 0 0 1 8 8z" }),
|
|
29
29
|
React.createElement("path", { fill: "#fff", d: "M87.474 63.719a2.001 2.001 0 0 1 3.072 2.562l-15.01 18q-.182.216-.406.367l-.035.026q-.058.037-.118.069-.026.016-.052.03-.141.075-.292.122a2 2 0 0 1-.26.07l-.055.007q-.068.013-.134.019-.045.003-.09.004-.05.003-.1.004-.058-.001-.117-.005l-.072-.004q-.166-.016-.327-.061l-.052-.013a2 2 0 0 1-.474-.214l-.061-.038q-.036-.025-.07-.052-.048-.034-.094-.07l-.008-.006a2 2 0 0 1-.158-.148l-7.975-7.974a2 2 0 1 1 2.828-2.828l6.451 6.45z" }),
|
|
30
30
|
React.createElement("path", { fill: "url(#b_calendardone128)", d: "M99 38H17v-9a8 8 0 0 1 8-8h66a8 8 0 0 1 8 8z" }),
|
|
31
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M33 55a4 4 0
|
|
32
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M47 55a4 4 0
|
|
31
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M33 55a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
32
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M47 55a4 4 0 0 1 8 0 4 4 0 0 1-8 0M61 55a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
33
33
|
React.createElement("rect", { width: "8", height: "8", x: "75", y: "51", fill: "#fff", fillOpacity: ".25", rx: "4" }),
|
|
34
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M33 71a4 4 0
|
|
35
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M47 71a4 4 0
|
|
34
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M33 71a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
35
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M47 71a4 4 0 0 1 8 0 4 4 0 0 1-8 0" }),
|
|
36
36
|
React.createElement("defs", null,
|
|
37
37
|
React.createElement("radialGradient", { id: "a_calendardone128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-51.0222 -45.325 54.7418 -63.5158 83.967 78.35)", gradientUnits: "userSpaceOnUse" },
|
|
38
38
|
React.createElement("stop", { stopColor: "#50BEB8" }),
|
package/CalendardoneMrkIcon96.js
CHANGED
|
@@ -9,12 +9,12 @@ const CalendardoneMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
9
9
|
React.createElement("path", { fill: "url(#a_calendardone96)", d: "M75 65a6 6 0 0 1-6 6H19a6 6 0 0 1-6-6V22a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6z" }),
|
|
10
10
|
React.createElement("path", { fill: "#fff", d: "M65.606 47.789a1.5 1.5 0 0 1 2.303 1.922l-11.257 13.5c-.226.27-.527.44-.848.507l-.02.005-.107.015-.036.005q-.045.003-.088.004l-.058.002q-.206 0-.407-.058l-.017-.004a1.5 1.5 0 0 1-.653-.398L48.44 57.31a1.5 1.5 0 1 1 2.12-2.12l4.839 4.837z" }),
|
|
11
11
|
React.createElement("path", { fill: "url(#b_calendardone96)", d: "M75 29H13v-7a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6z" }),
|
|
12
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M26 41a3 3 0 1 1 6 0 3 3 0
|
|
12
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M26 41a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
13
13
|
React.createElement("rect", { width: "6", height: "6", x: "36", y: "38", fill: "#fff", fillOpacity: ".65", rx: "3" }),
|
|
14
14
|
React.createElement("rect", { width: "6", height: "6", x: "46", y: "38", fill: "#fff", fillOpacity: ".65", rx: "3" }),
|
|
15
15
|
React.createElement("rect", { width: "6", height: "6", x: "56", y: "38", fill: "#fff", fillOpacity: ".3", rx: "3" }),
|
|
16
16
|
React.createElement("rect", { width: "6", height: "6", x: "26", y: "50", fill: "#fff", fillOpacity: ".65", rx: "3" }),
|
|
17
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M36 53a3 3 0 1 1 6 0 3 3 0
|
|
17
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M36 53a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
18
18
|
React.createElement("defs", null,
|
|
19
19
|
React.createElement("radialGradient", { id: "a_calendardone96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-38.5778 -33.6875 41.3902 -47.2077 63.633 58.625)", gradientUnits: "userSpaceOnUse" },
|
|
20
20
|
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
@@ -28,11 +28,11 @@ const CalendardoneMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
28
28
|
React.createElement("rect", { width: "62", height: "55", x: "75", y: "71", fill: "url(#a_calendardone96)", rx: "6", transform: "rotate(-180 75 71)" }),
|
|
29
29
|
React.createElement("path", { fill: "#fff", d: "M65.606 47.789a1.5 1.5 0 0 1 2.303 1.922l-11.256 13.5c-.226.27-.528.44-.849.507l-.02.004-.107.016-.036.005q-.045.003-.088.004l-.058.002a1.5 1.5 0 0 1-.404-.057l-.02-.005a1.5 1.5 0 0 1-.653-.398L48.44 57.31a1.5 1.5 0 1 1 2.12-2.12l4.839 4.837z" }),
|
|
30
30
|
React.createElement("path", { fill: "url(#b_calendardone96)", d: "M75 29H13v-7a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6z" }),
|
|
31
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M26 41a3 3 0 1 1 6 0 3 3 0
|
|
32
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".4", d: "M36 41a3 3 0 1 1 6 0 3 3 0
|
|
33
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M56 41a3 3 0 1 1 6 0 3 3 0
|
|
34
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".4", d: "M26 53a3 3 0 1 1 6 0 3 3 0
|
|
35
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M36 53a3 3 0 1 1 6 0 3 3 0
|
|
31
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M26 41a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
32
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".4", d: "M36 41a3 3 0 1 1 6 0 3 3 0 1 1-6 0M46 41a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
33
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M56 41a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
34
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".4", d: "M26 53a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
35
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M36 53a3 3 0 1 1 6 0 3 3 0 1 1-6 0" }),
|
|
36
36
|
React.createElement("defs", null,
|
|
37
37
|
React.createElement("radialGradient", { id: "a_calendardone96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(38.5778 33.6875 -41.3901 47.2077 86.367 83.375)", gradientUnits: "userSpaceOnUse" },
|
|
38
38
|
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const GiftStrokeSrvIcon24 = 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: "GiftStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14.5 2a3.5 3.5 0 0 1 3.163 5H18a3 3 0 0 1 3 3v2a1 1 0 0 1-1 1h-1v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-6H4a1 1 0 0 1-1-1v-2a3 3 0 0 1 3-3h.337A3.5 3.5 0 0 1 12 3.052 3.5 3.5 0 0 1 14.5 2M7 19a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-6h-4v4a1 1 0 1 1-2 0v-4H7zm6-8h6v-1a1 1 0 0 0-1-1h-5zM6 9a1 1 0 0 0-1 1v1h6V9zm3.5-5a1.5 1.5 0 0 0 0 3H11V5.5A1.5 1.5 0 0 0 9.5 4m5 0A1.5 1.5 0 0 0 13 5.5V7h1.5a1.5 1.5 0 0 0 0-3", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default GiftStrokeSrvIcon24;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const JamjobStrokePrdIcon20 = 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: "JamjobStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.363 0A2.637 2.637 0 0 1 18 2.637V12a8 8 0 0 1-8 8H8.883A6.883 6.883 0 0 1 2 13.117C2 12.5 2.5 12 3.117 12h6.389c.209 0 .415.043.606.128l1.888.835v-9.21l-2.412-.688A1.5 1.5 0 0 1 8.5 1.623v-.266C8.5.607 9.108 0 9.857 0zm-2.271 2A1.5 1.5 0 0 1 14 3.377V13.73a1.5 1.5 0 0 1-2.107 1.373L9.399 14H4.081a4.88 4.88 0 0 0 4.802 4H10a6 6 0 0 0 6-6V2.637A.637.637 0 0 0 15.363 2z", clipRule: "evenodd" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M6 3a4 4 0 0 1 4 4v2.92A1.08 1.08 0 0 1 8.92 11H6a4 4 0 1 1 0-8m0 2a2 2 0 1 0 0 4h2V7a2 2 0 0 0-2-2", clipRule: "evenodd" }));
|
|
9
|
+
});
|
|
10
|
+
export default JamjobStrokePrdIcon20;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const JamjobStrokePrdIcon32 = 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: "JamjobStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M23 4a3 3 0 0 1 3 3v11c0 5.523-4.477 10-10 10h-1.157A8.843 8.843 0 0 1 6 19.157C6 18.518 6.518 18 7.157 18h8.213a1.5 1.5 0 0 1 .729.189L19 19.799V8.222l-3.475-1.158A1.5 1.5 0 0 1 14.5 5.64v-.188C14.5 4.65 15.15 4 15.952 4zm-3.025 2.438A1.5 1.5 0 0 1 21 7.86v12.79a1.5 1.5 0 0 1-2.229 1.312L15.242 20H8.053a6.84 6.84 0 0 0 6.789 6H16a8 8 0 0 0 8-8V7a1 1 0 0 0-1-1h-4.338z", clipRule: "evenodd" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M11 7a5 5 0 0 1 5 5v3.895c0 .61-.495 1.105-1.105 1.105H11a5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6h3v-3a3 3 0 0 0-3-3", clipRule: "evenodd" }));
|
|
9
|
+
});
|
|
10
|
+
export default JamjobStrokePrdIcon32;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const PauseFilledSrvIcon20 = 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: "PauseFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M7 3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM15 3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }));
|
|
8
|
+
});
|
|
9
|
+
export default PauseFilledSrvIcon20;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const PlayFilledSrvIcon16 = 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: "PlayFilledSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M2.5 12.779V3.22c0-1.408 1.544-2.27 2.743-1.533l7.766 4.779a1.8 1.8 0 0 1 0 3.066l-7.766 4.779c-1.199.738-2.743-.125-2.743-1.533" }));
|
|
8
|
+
});
|
|
9
|
+
export default PlayFilledSrvIcon16;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const PlayFilledSrvIcon20 = 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: "PlayFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M4 4.532c0-1.554 1.696-2.514 3.03-1.715l9.112 5.468c1.294.777 1.294 2.653 0 3.43l-9.113 5.468c-1.333.8-3.029-.16-3.029-1.715z" }));
|
|
8
|
+
});
|
|
9
|
+
export default PlayFilledSrvIcon20;
|
package/README.md
CHANGED
|
@@ -4,6 +4,29 @@
|
|
|
4
4
|
|
|
5
5
|
# Установка
|
|
6
6
|
|
|
7
|
-
Пакет `@sberbusiness/icons` опубликован в [npm](https://www.npmjs.com/package/@sberbusiness/icons).
|
|
7
|
+
Пакет `@sberbusiness/icons-next` опубликован в [npm](https://www.npmjs.com/package/@sberbusiness/icons-next).
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
```sh
|
|
10
|
+
npm install @sberbusiness/icons-next
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
После установки пакета нужно подключить стили из `@sberbusiness/icons-next/styles/icons.css`.
|
|
14
|
+
|
|
15
|
+
# Использование
|
|
16
|
+
|
|
17
|
+
Цвета иконок зависят от темы, поэтому приложение нужно обернуть в `ThemeProvider`. По умолчанию класс темы добавляется к `document.documentElement`, другой элемент можно передать через `scopeRef`.
|
|
18
|
+
|
|
19
|
+
Одноцветным иконкам передаётся `paletteIndex` — индекс цветовой палитры от 0 до 11. Многоцветные иконки используются без него.
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import {ThemeProvider, EIconsTheme, CirclesmallStrokeSrvIcon20} from '@sberbusiness/icons-next';
|
|
23
|
+
import '@sberbusiness/icons-next/styles/icons.css';
|
|
24
|
+
|
|
25
|
+
const App = () => (
|
|
26
|
+
<ThemeProvider theme={EIconsTheme.LIGHT}>
|
|
27
|
+
<CirclesmallStrokeSrvIcon20 paletteIndex={0} />
|
|
28
|
+
</ThemeProvider>
|
|
29
|
+
);
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Текущую тему можно получить хуком `useTheme`.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const SoundonFilledSrvIcon16 = 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: "SoundonFilledSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M6.24.6C7.154-.544 9 .104 9 1.57v12.863c0 1.465-1.845 2.113-2.76.969L3.52 12H2.272A2.273 2.273 0 0 1 0 9.728V6.273A2.273 2.273 0 0 1 2.272 4H3.52z", clipRule: "evenodd" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, d: "M11.973 2.63a1 1 0 0 1 1.4-.2C15.154 3.768 16 5.922 16 8.002s-.844 4.236-2.628 5.574a1 1 0 1 1-1.2-1.6C13.36 11.085 14 9.58 14 8.001c0-1.578-.641-3.083-1.827-3.972a1 1 0 0 1-.2-1.4" }),
|
|
9
|
+
React.createElement("path", { className: pathClassName, d: "M10.2 5.49a1 1 0 0 1 1.4-.2 3.386 3.386 0 0 1 0 5.419 1 1 0 0 1-1.2-1.6c.74-.555.74-1.664 0-2.219a1 1 0 0 1-.2-1.4" }));
|
|
10
|
+
});
|
|
11
|
+
export default SoundonFilledSrvIcon16;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const SquircleStrokeStsIcon16 = 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: "SquircleStrokeStsIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.14 15.7c-.46-.15-.88-.34-1.28-.59q-.6-.36-1.11-.87a5.8 5.8 0 0 1-.87-1.11c-.25-.4-.44-.82-.59-1.28-.14-.43-.23-.97-.26-1.61-.02-.27-.03-.6-.03-1V6.75c0-.4.01-.73.03-1 .03-.64.12-1.18.26-1.61.15-.46.34-.88.59-1.28q.36-.6.87-1.11T2.86.88c.4-.25.82-.44 1.28-.59.43-.14.97-.23 1.61-.26.27-.02.6-.03 1-.03h2.49c.4 0 .73.01 1 .03.64.03 1.18.12 1.61.26.46.15.88.34 1.28.59q.6.36 1.11.87t.87 1.11c.25.4.44.82.59 1.28.14.43.23.97.26 1.61.02.27.03.6.03 1 0 .25.01.66.01 1.25 0 .58-.01.99-.01 1.24 0 .4-.01.73-.03 1-.03.64-.12 1.18-.26 1.61-.15.46-.34.88-.59 1.28q-.36.6-.87 1.11t-1.11.87c-.4.25-.82.44-1.28.59-.43.14-.97.23-1.61.26-.27.02-.6.03-1 .03-.25 0-.66.01-1.24.01-.59 0-1-.01-1.25-.01-.4 0-.73-.01-1-.03-.64-.03-1.18-.12-1.61-.26m.62-1.9c.26.08.63.14 1.1.17.36.02 1.07.03 2.14.03q1.59 0 2.13-.03c.47-.03.84-.09 1.1-.17.31-.1.59-.23.86-.39.26-.17.51-.36.73-.59.23-.22.42-.47.59-.73.16-.27.29-.55.39-.86.08-.26.14-.63.17-1.1Q14 9.59 14 8c0-1.07-.01-1.78-.03-2.14-.03-.47-.09-.84-.17-1.1-.1-.31-.23-.59-.39-.86-.17-.26-.36-.51-.59-.73-.22-.23-.47-.42-.73-.59a4.2 4.2 0 0 0-.86-.39c-.26-.08-.63-.14-1.1-.17C9.77 2 9.06 2 8 2c-1.07 0-1.78 0-2.14.02-.47.03-.84.09-1.1.17-.31.1-.59.23-.86.39-.26.17-.51.36-.73.59-.23.22-.42.47-.59.73-.16.27-.29.55-.39.86-.08.26-.14.63-.17 1.1C2 6.22 2 6.93 2 8c0 1.06 0 1.77.02 2.13.03.47.09.84.17 1.1.1.31.23.59.39.86.17.26.36.51.59.73.22.23.47.42.73.59.27.16.55.29.86.39", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default SquircleStrokeStsIcon16;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const SquircleStrokeStsIcon20 = 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: "SquircleStrokeStsIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.32 19.46c-.43-.18-.84-.39-1.21-.64a7 7 0 0 1-1.06-.88 7.3 7.3 0 0 1-.88-1.05 7.4 7.4 0 0 1-.64-1.22c-.14-.33-.25-.69-.32-1.09-.07-.35-.12-.76-.16-1.23-.02-.4-.04-.89-.05-1.49V8.13c.01-.6.03-1.09.05-1.49.04-.47.09-.88.16-1.23.07-.4.18-.76.32-1.09.18-.43.39-.84.64-1.21.26-.38.55-.74.88-1.06.32-.33.68-.62 1.06-.88.37-.25.78-.46 1.21-.64.33-.14.69-.25 1.09-.32.35-.07.76-.12 1.23-.16.4-.02.89-.04 1.49-.05h3.73c.6.01 1.09.03 1.49.05.47.04.88.09 1.23.16.4.07.76.18 1.09.32.43.18.84.39 1.21.64.38.26.74.55 1.06.88.33.32.62.68.88 1.05.25.38.46.79.64 1.22.14.33.25.69.32 1.09.07.35.12.76.16 1.23.02.4.04.89.05 1.49 0 .37.01.99.01 1.87 0 .87-.01 1.49-.01 1.86-.01.6-.03 1.09-.05 1.49-.04.47-.09.88-.16 1.23-.07.4-.18.76-.32 1.09-.18.43-.39.84-.64 1.21-.26.38-.55.74-.88 1.06-.32.33-.68.62-1.06.88-.37.25-.78.46-1.21.64-.33.14-.69.25-1.09.32-.35.07-.76.12-1.23.16-.4.02-.89.04-1.49.05-.37 0-.99.01-1.86.01-.88 0-1.5-.01-1.87-.01-.6-.01-1.09-.03-1.49-.05-.47-.04-.88-.09-1.23-.16-.4-.07-.76-.18-1.09-.32m.76-1.85c.21.09.45.16.71.21q.405.075.99.12c.36.02.82.04 1.38.05.35 0 .97.01 1.84.01.86 0 1.48-.01 1.83-.01.56-.01 1.02-.03 1.38-.05q.585-.045.99-.12c.26-.05.5-.12.71-.21.3-.12.59-.28.86-.46s.53-.38.76-.62c.23-.23.44-.49.62-.76s.34-.56.46-.86c.09-.21.16-.45.21-.71q.075-.405.12-.99c.02-.36.04-.82.05-1.38 0-.35.01-.97.01-1.83 0-.87-.01-1.49-.01-1.84-.01-.56-.03-1.02-.05-1.38q-.045-.585-.12-.99c-.05-.26-.12-.5-.21-.71-.12-.3-.28-.59-.46-.86a5 5 0 0 0-.62-.76 5 5 0 0 0-.76-.62 4.7 4.7 0 0 0-.86-.46c-.21-.09-.45-.16-.71-.21q-.405-.075-.99-.12c-.36-.02-.82-.04-1.38-.05H8.16c-.56.01-1.02.03-1.38.05q-.585.045-.99.12c-.26.05-.5.12-.71.21-.3.12-.59.28-.86.46s-.53.39-.76.62-.44.49-.62.76-.34.56-.46.86c-.09.21-.16.45-.21.71q-.075.405-.12.99c-.02.36-.04.82-.05 1.38v3.67c.01.56.03 1.02.05 1.38q.045.585.12.99c.05.26.12.5.21.71.12.3.28.59.46.86s.39.53.62.76c.23.24.49.44.76.62s.56.34.86.46", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default SquircleStrokeStsIcon20;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const SquircleStrokeStsIcon24 = 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: "SquircleStrokeStsIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M6.32 21.46c-.43-.18-.84-.39-1.21-.64a7 7 0 0 1-1.06-.88 7.3 7.3 0 0 1-.88-1.05 7.4 7.4 0 0 1-.64-1.22c-.14-.33-.25-.69-.32-1.09-.07-.35-.12-.76-.16-1.23-.02-.4-.04-.89-.05-1.49v-3.73c.01-.6.03-1.09.05-1.49.04-.47.09-.88.16-1.23.07-.4.18-.76.32-1.09.18-.43.39-.84.64-1.21.26-.38.55-.74.88-1.06.32-.33.68-.62 1.06-.88.37-.25.78-.46 1.21-.64.33-.14.69-.25 1.09-.32.35-.07.76-.12 1.23-.16.4-.02.89-.04 1.49-.05h3.73c.6.01 1.09.03 1.49.05.47.04.88.09 1.23.16.4.07.76.18 1.09.32.43.18.84.39 1.21.64.38.26.74.55 1.06.88.33.32.62.68.88 1.05.25.38.46.79.64 1.22.14.33.25.69.32 1.09.07.35.12.76.16 1.23.02.4.04.89.05 1.49 0 .37.01.99.01 1.87 0 .87-.01 1.49-.01 1.86-.01.6-.03 1.09-.05 1.49-.04.47-.09.88-.16 1.23-.07.4-.18.76-.32 1.09-.18.43-.39.84-.64 1.21-.26.38-.55.74-.88 1.06-.32.33-.68.62-1.06.88-.37.25-.78.46-1.21.64-.33.14-.69.25-1.09.32-.35.07-.76.12-1.23.16-.4.02-.89.04-1.49.05-.37 0-.99.01-1.86.01-.88 0-1.5-.01-1.87-.01-.6-.01-1.09-.03-1.49-.05-.47-.04-.88-.09-1.23-.16-.4-.07-.76-.18-1.09-.32m.76-1.85c.21.09.45.16.71.21q.405.075.99.12c.36.02.82.04 1.38.05.35 0 .97.01 1.84.01.86 0 1.48-.01 1.83-.01.56-.01 1.02-.03 1.38-.05q.585-.045.99-.12c.26-.05.5-.12.71-.21.3-.12.59-.28.86-.46s.53-.38.76-.62c.24-.23.44-.49.62-.76s.34-.56.46-.86c.09-.21.16-.45.21-.71q.075-.405.12-.99c.02-.36.04-.82.05-1.38 0-.35.01-.97.01-1.83 0-.87-.01-1.49-.01-1.84-.01-.56-.03-1.02-.05-1.38q-.045-.585-.12-.99c-.05-.26-.12-.5-.21-.71-.12-.3-.28-.59-.46-.86a5 5 0 0 0-.62-.76 5 5 0 0 0-.76-.62 4.7 4.7 0 0 0-.86-.46c-.21-.09-.45-.16-.71-.21q-.405-.075-.99-.12c-.36-.02-.82-.04-1.38-.05h-3.67c-.56.01-1.02.03-1.38.05q-.585.045-.99.12c-.26.05-.5.12-.71.21-.3.12-.59.28-.86.46s-.53.39-.76.62-.44.49-.62.76-.34.56-.46.86c-.09.21-.16.45-.21.71q-.075.405-.12.99c-.02.36-.04.82-.05 1.38v3.67c.01.56.03 1.02.05 1.38q.045.585.12.99c.05.26.12.5.21.71.12.3.28.59.46.86s.39.53.62.76c.23.24.49.44.76.62s.56.34.86.46", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default SquircleStrokeStsIcon24;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const SquircleStrokeStsIcon32 = 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: "SquircleStrokeStsIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M20 4a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8h-8a8 8 0 0 1-8-8v-8a8 8 0 0 1 8-8zm-8 2a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6v-8a6 6 0 0 0-6-6z", clipRule: "evenodd" }));
|
|
8
|
+
});
|
|
9
|
+
export default SquircleStrokeStsIcon32;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const StopFilledSrvIcon16 = 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: "StopFilledSrvIcon16", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M1.5 4A2.5 2.5 0 0 1 4 1.5h8A2.5 2.5 0 0 1 14.5 4v8a2.5 2.5 0 0 1-2.5 2.5H4A2.5 2.5 0 0 1 1.5 12z" }));
|
|
8
|
+
});
|
|
9
|
+
export default StopFilledSrvIcon16;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const StopFilledSrvIcon24 = 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: "StopFilledSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M16 5a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3z" }));
|
|
8
|
+
});
|
|
9
|
+
export default StopFilledSrvIcon24;
|
package/TokenMrkIcon96.js
CHANGED
|
@@ -53,7 +53,7 @@ const TokenMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
53
53
|
React.createElement("path", { fill: "url(#a_token96)", d: "M64.414 62.065c2.696 9.137-2.525 18.73-11.663 21.426-9.137 2.697-18.73-2.525-21.427-11.663L20.09 33.757a4.556 4.556 0 0 1 3.08-5.659l24.352-7.185a4.556 4.556 0 0 1 5.658 3.08z" }),
|
|
54
54
|
React.createElement("path", { fill: "url(#b_token96)", fillOpacity: ".4", d: "M64.414 62.065c2.696 9.137-2.525 18.73-11.663 21.426-9.137 2.697-18.73-2.525-21.427-11.663L20.09 33.757a4.556 4.556 0 0 1 3.08-5.659l24.352-7.185a4.556 4.556 0 0 1 5.658 3.08z" }),
|
|
55
55
|
React.createElement("path", { fill: "url(#c_token96)", d: "M64.414 62.065c2.696 9.137-2.525 18.73-11.663 21.426-9.137 2.697-18.73-2.525-21.427-11.663L20.09 33.757a4.556 4.556 0 0 1 3.08-5.659l24.352-7.185a4.556 4.556 0 0 1 5.658 3.08z" }),
|
|
56
|
-
React.createElement("path", { fill: "#fff", fillOpacity: ".13", d: "M48 76.5a8 8 0 1 1 0-16 8 8 0
|
|
56
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".13", d: "M48 76.5a8 8 0 1 1 0-16 8 8 0 1 1 0 16" }),
|
|
57
57
|
React.createElement("path", { fill: "url(#d_token96)", d: "m24.56 27.69 21.58-6.368-3.82-12.948a1.5 1.5 0 0 0-1.864-1.014l-18.703 5.519a1.5 1.5 0 0 0-1.014 1.863z" }),
|
|
58
58
|
React.createElement("path", { fill: "url(#e_token96)", fillOpacity: ".6", d: "m24.56 27.69 21.58-6.368-3.82-12.948a1.5 1.5 0 0 0-1.864-1.014l-18.703 5.519a1.5 1.5 0 0 0-1.014 1.863z" }),
|
|
59
59
|
React.createElement("path", { fill: "url(#f_token96)", d: "m24.56 27.69 21.58-6.368-3.82-12.948a1.5 1.5 0 0 0-1.864-1.014l-18.703 5.519a1.5 1.5 0 0 0-1.014 1.863z" }),
|
package/index.d.ts
CHANGED
|
@@ -455,6 +455,8 @@ export { default as InvoicerubStrokePrdIcon20 } from "./InvoicerubStrokePrdIcon2
|
|
|
455
455
|
export { default as InvoicerubStrokePrdIcon32 } from "./InvoicerubStrokePrdIcon32";
|
|
456
456
|
export { default as ItserviceStrokePrdIcon20 } from "./ItserviceStrokePrdIcon20";
|
|
457
457
|
export { default as ItserviceStrokePrdIcon32 } from "./ItserviceStrokePrdIcon32";
|
|
458
|
+
export { default as JamjobStrokePrdIcon20 } from "./JamjobStrokePrdIcon20";
|
|
459
|
+
export { default as JamjobStrokePrdIcon32 } from "./JamjobStrokePrdIcon32";
|
|
458
460
|
export { default as JivochatStrokePrdIcon20 } from "./JivochatStrokePrdIcon20";
|
|
459
461
|
export { default as JivochatStrokePrdIcon32 } from "./JivochatStrokePrdIcon32";
|
|
460
462
|
export { default as KasperskyStrokePrdIcon20 } from "./KasperskyStrokePrdIcon20";
|
|
@@ -913,6 +915,7 @@ export { default as GasstationStrokeSrvIcon20 } from "./GasstationStrokeSrvIcon2
|
|
|
913
915
|
export { default as GasstationStrokeSrvIcon32 } from "./GasstationStrokeSrvIcon32";
|
|
914
916
|
export { default as GearsStrokeSrvIcon32 } from "./GearsStrokeSrvIcon32";
|
|
915
917
|
export { default as GiftStrokeSrvIcon20 } from "./GiftStrokeSrvIcon20";
|
|
918
|
+
export { default as GiftStrokeSrvIcon24 } from "./GiftStrokeSrvIcon24";
|
|
916
919
|
export { default as GiftStrokeSrvIcon32 } from "./GiftStrokeSrvIcon32";
|
|
917
920
|
export { default as HamburgerStrokeSrvIcon20 } from "./HamburgerStrokeSrvIcon20";
|
|
918
921
|
export { default as HamburgerStrokeSrvIcon32 } from "./HamburgerStrokeSrvIcon32";
|
|
@@ -1019,6 +1022,7 @@ export { default as OtherfilesStrokeSrvIcon32 } from "./OtherfilesStrokeSrvIcon3
|
|
|
1019
1022
|
export { default as PaintbrushStrokeSrvIcon20 } from "./PaintbrushStrokeSrvIcon20";
|
|
1020
1023
|
export { default as PaintbrushStrokeSrvIcon32 } from "./PaintbrushStrokeSrvIcon32";
|
|
1021
1024
|
export { default as PauseFilledSrvIcon16 } from "./PauseFilledSrvIcon16";
|
|
1025
|
+
export { default as PauseFilledSrvIcon20 } from "./PauseFilledSrvIcon20";
|
|
1022
1026
|
export { default as PauseFilledSrvIcon24 } from "./PauseFilledSrvIcon24";
|
|
1023
1027
|
export { default as PercentStrokeSrvIcon20 } from "./PercentStrokeSrvIcon20";
|
|
1024
1028
|
export { default as PercentStrokeSrvIcon24 } from "./PercentStrokeSrvIcon24";
|
|
@@ -1036,6 +1040,8 @@ export { default as PinStrokeSrvIcon20 } from "./PinStrokeSrvIcon20";
|
|
|
1036
1040
|
export { default as PincodeStrokeSrvIcon32 } from "./PincodeStrokeSrvIcon32";
|
|
1037
1041
|
export { default as PlaneStrokeSrvIcon20 } from "./PlaneStrokeSrvIcon20";
|
|
1038
1042
|
export { default as PlaneStrokeSrvIcon32 } from "./PlaneStrokeSrvIcon32";
|
|
1043
|
+
export { default as PlayFilledSrvIcon16 } from "./PlayFilledSrvIcon16";
|
|
1044
|
+
export { default as PlayFilledSrvIcon20 } from "./PlayFilledSrvIcon20";
|
|
1039
1045
|
export { default as PlayFilledSrvIcon24 } from "./PlayFilledSrvIcon24";
|
|
1040
1046
|
export { default as PlusStrokeSrvIcon16 } from "./PlusStrokeSrvIcon16";
|
|
1041
1047
|
export { default as PlusStrokeSrvIcon20 } from "./PlusStrokeSrvIcon20";
|
|
@@ -1133,6 +1139,7 @@ export { default as SortincreaseStrokeSrvIcon16 } from "./SortincreaseStrokeSrvI
|
|
|
1133
1139
|
export { default as SortincreaseStrokeSrvIcon20 } from "./SortincreaseStrokeSrvIcon20";
|
|
1134
1140
|
export { default as SortincreaseStrokeSrvIcon24 } from "./SortincreaseStrokeSrvIcon24";
|
|
1135
1141
|
export { default as SoundoffStrokeSrvIcon32 } from "./SoundoffStrokeSrvIcon32";
|
|
1142
|
+
export { default as SoundonFilledSrvIcon16 } from "./SoundonFilledSrvIcon16";
|
|
1136
1143
|
export { default as SoundonStrokeSrvIcon16 } from "./SoundonStrokeSrvIcon16";
|
|
1137
1144
|
export { default as SoundonStrokeSrvIcon32 } from "./SoundonStrokeSrvIcon32";
|
|
1138
1145
|
export { default as SpeakerStrokeSrvIcon20 } from "./SpeakerStrokeSrvIcon20";
|
|
@@ -1161,7 +1168,9 @@ export { default as StethoscopeStrokeSrvIcon32 } from "./StethoscopeStrokeSrvIco
|
|
|
1161
1168
|
export { default as StickerStrokeSrvIcon20 } from "./StickerStrokeSrvIcon20";
|
|
1162
1169
|
export { default as StickerStrokeSrvIcon24 } from "./StickerStrokeSrvIcon24";
|
|
1163
1170
|
export { default as StickerStrokeSrvIcon32 } from "./StickerStrokeSrvIcon32";
|
|
1171
|
+
export { default as StopFilledSrvIcon16 } from "./StopFilledSrvIcon16";
|
|
1164
1172
|
export { default as StopFilledSrvIcon20 } from "./StopFilledSrvIcon20";
|
|
1173
|
+
export { default as StopFilledSrvIcon24 } from "./StopFilledSrvIcon24";
|
|
1165
1174
|
export { default as SupermarketStrokeSrvIcon20 } from "./SupermarketStrokeSrvIcon20";
|
|
1166
1175
|
export { default as SupermarketStrokeSrvIcon32 } from "./SupermarketStrokeSrvIcon32";
|
|
1167
1176
|
export { default as TabletmenuStrokeSrvIcon20 } from "./TabletmenuStrokeSrvIcon20";
|
|
@@ -1264,6 +1273,10 @@ export { default as InfoStrokeStsIcon24 } from "./InfoStrokeStsIcon24";
|
|
|
1264
1273
|
export { default as InfoStrokeStsIcon32 } from "./InfoStrokeStsIcon32";
|
|
1265
1274
|
export { default as RubStrokeStsIcon20 } from "./RubStrokeStsIcon20";
|
|
1266
1275
|
export { default as RubStrokeStsIcon24 } from "./RubStrokeStsIcon24";
|
|
1276
|
+
export { default as SquircleStrokeStsIcon16 } from "./SquircleStrokeStsIcon16";
|
|
1277
|
+
export { default as SquircleStrokeStsIcon20 } from "./SquircleStrokeStsIcon20";
|
|
1278
|
+
export { default as SquircleStrokeStsIcon24 } from "./SquircleStrokeStsIcon24";
|
|
1279
|
+
export { default as SquircleStrokeStsIcon32 } from "./SquircleStrokeStsIcon32";
|
|
1267
1280
|
export { default as SuccessStrokeStsIcon16 } from "./SuccessStrokeStsIcon16";
|
|
1268
1281
|
export { default as SuccessStrokeStsIcon20 } from "./SuccessStrokeStsIcon20";
|
|
1269
1282
|
export { default as SuccessStrokeStsIcon24 } from "./SuccessStrokeStsIcon24";
|
package/index.js
CHANGED
|
@@ -454,6 +454,8 @@ export { default as InvoicerubStrokePrdIcon20 } from "./InvoicerubStrokePrdIcon2
|
|
|
454
454
|
export { default as InvoicerubStrokePrdIcon32 } from "./InvoicerubStrokePrdIcon32";
|
|
455
455
|
export { default as ItserviceStrokePrdIcon20 } from "./ItserviceStrokePrdIcon20";
|
|
456
456
|
export { default as ItserviceStrokePrdIcon32 } from "./ItserviceStrokePrdIcon32";
|
|
457
|
+
export { default as JamjobStrokePrdIcon20 } from "./JamjobStrokePrdIcon20";
|
|
458
|
+
export { default as JamjobStrokePrdIcon32 } from "./JamjobStrokePrdIcon32";
|
|
457
459
|
export { default as JivochatStrokePrdIcon20 } from "./JivochatStrokePrdIcon20";
|
|
458
460
|
export { default as JivochatStrokePrdIcon32 } from "./JivochatStrokePrdIcon32";
|
|
459
461
|
export { default as KasperskyStrokePrdIcon20 } from "./KasperskyStrokePrdIcon20";
|
|
@@ -912,6 +914,7 @@ export { default as GasstationStrokeSrvIcon20 } from "./GasstationStrokeSrvIcon2
|
|
|
912
914
|
export { default as GasstationStrokeSrvIcon32 } from "./GasstationStrokeSrvIcon32";
|
|
913
915
|
export { default as GearsStrokeSrvIcon32 } from "./GearsStrokeSrvIcon32";
|
|
914
916
|
export { default as GiftStrokeSrvIcon20 } from "./GiftStrokeSrvIcon20";
|
|
917
|
+
export { default as GiftStrokeSrvIcon24 } from "./GiftStrokeSrvIcon24";
|
|
915
918
|
export { default as GiftStrokeSrvIcon32 } from "./GiftStrokeSrvIcon32";
|
|
916
919
|
export { default as HamburgerStrokeSrvIcon20 } from "./HamburgerStrokeSrvIcon20";
|
|
917
920
|
export { default as HamburgerStrokeSrvIcon32 } from "./HamburgerStrokeSrvIcon32";
|
|
@@ -1018,6 +1021,7 @@ export { default as OtherfilesStrokeSrvIcon32 } from "./OtherfilesStrokeSrvIcon3
|
|
|
1018
1021
|
export { default as PaintbrushStrokeSrvIcon20 } from "./PaintbrushStrokeSrvIcon20";
|
|
1019
1022
|
export { default as PaintbrushStrokeSrvIcon32 } from "./PaintbrushStrokeSrvIcon32";
|
|
1020
1023
|
export { default as PauseFilledSrvIcon16 } from "./PauseFilledSrvIcon16";
|
|
1024
|
+
export { default as PauseFilledSrvIcon20 } from "./PauseFilledSrvIcon20";
|
|
1021
1025
|
export { default as PauseFilledSrvIcon24 } from "./PauseFilledSrvIcon24";
|
|
1022
1026
|
export { default as PercentStrokeSrvIcon20 } from "./PercentStrokeSrvIcon20";
|
|
1023
1027
|
export { default as PercentStrokeSrvIcon24 } from "./PercentStrokeSrvIcon24";
|
|
@@ -1035,6 +1039,8 @@ export { default as PinStrokeSrvIcon20 } from "./PinStrokeSrvIcon20";
|
|
|
1035
1039
|
export { default as PincodeStrokeSrvIcon32 } from "./PincodeStrokeSrvIcon32";
|
|
1036
1040
|
export { default as PlaneStrokeSrvIcon20 } from "./PlaneStrokeSrvIcon20";
|
|
1037
1041
|
export { default as PlaneStrokeSrvIcon32 } from "./PlaneStrokeSrvIcon32";
|
|
1042
|
+
export { default as PlayFilledSrvIcon16 } from "./PlayFilledSrvIcon16";
|
|
1043
|
+
export { default as PlayFilledSrvIcon20 } from "./PlayFilledSrvIcon20";
|
|
1038
1044
|
export { default as PlayFilledSrvIcon24 } from "./PlayFilledSrvIcon24";
|
|
1039
1045
|
export { default as PlusStrokeSrvIcon16 } from "./PlusStrokeSrvIcon16";
|
|
1040
1046
|
export { default as PlusStrokeSrvIcon20 } from "./PlusStrokeSrvIcon20";
|
|
@@ -1132,6 +1138,7 @@ export { default as SortincreaseStrokeSrvIcon16 } from "./SortincreaseStrokeSrvI
|
|
|
1132
1138
|
export { default as SortincreaseStrokeSrvIcon20 } from "./SortincreaseStrokeSrvIcon20";
|
|
1133
1139
|
export { default as SortincreaseStrokeSrvIcon24 } from "./SortincreaseStrokeSrvIcon24";
|
|
1134
1140
|
export { default as SoundoffStrokeSrvIcon32 } from "./SoundoffStrokeSrvIcon32";
|
|
1141
|
+
export { default as SoundonFilledSrvIcon16 } from "./SoundonFilledSrvIcon16";
|
|
1135
1142
|
export { default as SoundonStrokeSrvIcon16 } from "./SoundonStrokeSrvIcon16";
|
|
1136
1143
|
export { default as SoundonStrokeSrvIcon32 } from "./SoundonStrokeSrvIcon32";
|
|
1137
1144
|
export { default as SpeakerStrokeSrvIcon20 } from "./SpeakerStrokeSrvIcon20";
|
|
@@ -1160,7 +1167,9 @@ export { default as StethoscopeStrokeSrvIcon32 } from "./StethoscopeStrokeSrvIco
|
|
|
1160
1167
|
export { default as StickerStrokeSrvIcon20 } from "./StickerStrokeSrvIcon20";
|
|
1161
1168
|
export { default as StickerStrokeSrvIcon24 } from "./StickerStrokeSrvIcon24";
|
|
1162
1169
|
export { default as StickerStrokeSrvIcon32 } from "./StickerStrokeSrvIcon32";
|
|
1170
|
+
export { default as StopFilledSrvIcon16 } from "./StopFilledSrvIcon16";
|
|
1163
1171
|
export { default as StopFilledSrvIcon20 } from "./StopFilledSrvIcon20";
|
|
1172
|
+
export { default as StopFilledSrvIcon24 } from "./StopFilledSrvIcon24";
|
|
1164
1173
|
export { default as SupermarketStrokeSrvIcon20 } from "./SupermarketStrokeSrvIcon20";
|
|
1165
1174
|
export { default as SupermarketStrokeSrvIcon32 } from "./SupermarketStrokeSrvIcon32";
|
|
1166
1175
|
export { default as TabletmenuStrokeSrvIcon20 } from "./TabletmenuStrokeSrvIcon20";
|
|
@@ -1263,6 +1272,10 @@ export { default as InfoStrokeStsIcon24 } from "./InfoStrokeStsIcon24";
|
|
|
1263
1272
|
export { default as InfoStrokeStsIcon32 } from "./InfoStrokeStsIcon32";
|
|
1264
1273
|
export { default as RubStrokeStsIcon20 } from "./RubStrokeStsIcon20";
|
|
1265
1274
|
export { default as RubStrokeStsIcon24 } from "./RubStrokeStsIcon24";
|
|
1275
|
+
export { default as SquircleStrokeStsIcon16 } from "./SquircleStrokeStsIcon16";
|
|
1276
|
+
export { default as SquircleStrokeStsIcon20 } from "./SquircleStrokeStsIcon20";
|
|
1277
|
+
export { default as SquircleStrokeStsIcon24 } from "./SquircleStrokeStsIcon24";
|
|
1278
|
+
export { default as SquircleStrokeStsIcon32 } from "./SquircleStrokeStsIcon32";
|
|
1266
1279
|
export { default as SuccessStrokeStsIcon16 } from "./SuccessStrokeStsIcon16";
|
|
1267
1280
|
export { default as SuccessStrokeStsIcon20 } from "./SuccessStrokeStsIcon20";
|
|
1268
1281
|
export { default as SuccessStrokeStsIcon24 } from "./SuccessStrokeStsIcon24";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sberbusiness/icons-next",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.44.0",
|
|
4
4
|
"author": "СберБизнес",
|
|
5
5
|
"description": "Иконки интернет-банка СберБизнес",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -10,13 +10,14 @@
|
|
|
10
10
|
],
|
|
11
11
|
"repository": {
|
|
12
12
|
"type": "git",
|
|
13
|
-
"url": "git+https://github.com/SberBusiness/icons.git"
|
|
13
|
+
"url": "git+https://github.com/SberBusiness/icons.git",
|
|
14
|
+
"directory": "packages/icons-next"
|
|
14
15
|
},
|
|
15
16
|
"license": "Sber Public License at-nc-sa v.2",
|
|
16
17
|
"bugs": {
|
|
17
18
|
"url": "https://github.com/SberBusiness/icons/issues"
|
|
18
19
|
},
|
|
19
|
-
"homepage": "https://github.com/SberBusiness/icons#readme",
|
|
20
|
+
"homepage": "https://github.com/SberBusiness/icons/tree/master/packages/icons-next#readme",
|
|
20
21
|
"peerDependencies": {
|
|
21
22
|
"react": ">=16.8.0"
|
|
22
23
|
},
|
package/styles/icons.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._48ay19 { fill: #008985; } ._18uw6a6 { fill: #19BDB0; } ._2p3gv0 { fill: #D10032; } ._ngk6j5 { fill: #F80C45; } ._sql5z6 { fill: #EF4C01; } ._wx1wgw { fill: #FF7A17; } ._2i6rgi { fill: #0E57CC; } ._198k9xn { fill: #1297FE; } ._uy93am { fill: #697591; } ._og0tq9 { fill: #95A3C1; } ._9961q9 { fill: #1F1F22; fill-opacity: .45; } ._130404t { fill: #FFFFFF; fill-opacity: .35; } ._kxejet { fill: #FFFFFF; fill-opacity: 1; } ._tvw7m8 { fill: #FFFFFF; fill-opacity: 1; } ._uppyq2 { fill: #FFB13B; } ._1p04vb3 { fill: #FFB13B; } ._yn2hvz { fill: #1F1F22; fill-opacity: 1; } ._1kpafam { fill: #FFFFFF; fill-opacity: 1; } ._qrfns7 { fill: #1F1F22; fill-opacity: 1; } ._11oao2j { fill: #1F1F22; fill-opacity: .45; } ._lfxmeo { fill: #FFFFFF; fill-opacity: .35; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._48ay19 { fill: #21A19A; } .hoverable:hover ._18uw6a6 { fill: #4BD9CF; } .hoverable:hover ._2p3gv0 { fill: #E60037; } .hoverable:hover ._ngk6j5 { fill: #FF5571; } .hoverable:hover ._sql5z6 { fill: #EF4C01; } .hoverable:hover ._wx1wgw { fill: #FF7A17; } .hoverable:hover ._2i6rgi { fill: #0E57CC; } .hoverable:hover ._198k9xn { fill: #1297FE; } .hoverable:hover ._uy93am { fill: #697591; } .hoverable:hover ._og0tq9 { fill: #95A3C1; } .hoverable:hover ._9961q9 { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._130404t { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._kxejet { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._tvw7m8 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._uppyq2 { fill: #FFB13B; } .hoverable:hover ._1p04vb3 { fill: #FFB13B; } .hoverable:hover ._yn2hvz { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._1kpafam { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._qrfns7 { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._11oao2j { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._lfxmeo { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:active ._48ay19, .hoverable.active ._48ay19 { fill: #007777; } .hoverable:active ._18uw6a6, .hoverable.active ._18uw6a6 { fill: #008985; } .hoverable:active ._2p3gv0, .hoverable.active ._2p3gv0 { fill: #BD002C; } .hoverable:active ._ngk6j5, .hoverable.active ._ngk6j5 { fill: #D10032; } .hoverable:active ._sql5z6, .hoverable.active ._sql5z6 { fill: #D10032; } .hoverable:active ._wx1wgw, .hoverable.active ._wx1wgw { fill: #FF7A17; } .hoverable:active ._2i6rgi, .hoverable.active ._2i6rgi { fill: #0E57CC; } .hoverable:active ._198k9xn, .hoverable.active ._198k9xn { fill: #1297FE; } .hoverable:active ._uy93am, .hoverable.active ._uy93am { fill: #697591; } .hoverable:active ._og0tq9, .hoverable.active ._og0tq9 { fill: #95A3C1; } .hoverable:active ._9961q9, .hoverable.active ._9961q9 { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._130404t, .hoverable.active ._130404t { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._kxejet, .hoverable.active ._kxejet { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._tvw7m8, .hoverable.active ._tvw7m8 { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._uppyq2, .hoverable.active ._uppyq2 { fill: #FFB13B; } .hoverable:active ._1p04vb3, .hoverable.active ._1p04vb3 { fill: #FFB13B; } .hoverable:active ._yn2hvz, .hoverable.active ._yn2hvz { fill: #008985; } .hoverable:active ._1kpafam, .hoverable.active ._1kpafam { fill: #19BDB0; } .hoverable:active ._qrfns7, .hoverable.active ._qrfns7 { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._11oao2j, .hoverable.active ._11oao2j { fill: #008985; } .hoverable:active ._lfxmeo, .hoverable.active ._lfxmeo { fill: #19BDB0; } .hoverable:disabled ._48ay19, .hoverable.disabled ._48ay19 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._18uw6a6, .hoverable.disabled ._18uw6a6 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._2p3gv0, .hoverable.disabled ._2p3gv0 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._ngk6j5, .hoverable.disabled ._ngk6j5 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._sql5z6, .hoverable.disabled ._sql5z6 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._wx1wgw, .hoverable.disabled ._wx1wgw { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._2i6rgi, .hoverable.disabled ._2i6rgi { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._198k9xn, .hoverable.disabled ._198k9xn { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._uy93am, .hoverable.disabled ._uy93am { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._og0tq9, .hoverable.disabled ._og0tq9 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._9961q9, .hoverable.disabled ._9961q9 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._130404t, .hoverable.disabled ._130404t { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._kxejet, .hoverable.disabled ._kxejet { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._tvw7m8, .hoverable.disabled ._tvw7m8 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._uppyq2, .hoverable.disabled ._uppyq2 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1p04vb3, .hoverable.disabled ._1p04vb3 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._yn2hvz, .hoverable.disabled ._yn2hvz { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1kpafam, .hoverable.disabled ._1kpafam { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._qrfns7, .hoverable.disabled ._qrfns7 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._11oao2j, .hoverable.disabled ._11oao2j { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._lfxmeo, .hoverable.disabled ._lfxmeo { 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]: "_48ay19",
|
|
5
|
+
[EIconsTheme.DARK]: "_18uw6a6",
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
|
-
[EIconsTheme.LIGHT]: "
|
|
9
|
-
[EIconsTheme.DARK]: "
|
|
8
|
+
[EIconsTheme.LIGHT]: "_2p3gv0",
|
|
9
|
+
[EIconsTheme.DARK]: "_ngk6j5",
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
|
-
[EIconsTheme.LIGHT]: "
|
|
13
|
-
[EIconsTheme.DARK]: "
|
|
12
|
+
[EIconsTheme.LIGHT]: "_sql5z6",
|
|
13
|
+
[EIconsTheme.DARK]: "_wx1wgw",
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
[EIconsTheme.LIGHT]: "
|
|
17
|
-
[EIconsTheme.DARK]: "
|
|
16
|
+
[EIconsTheme.LIGHT]: "_2i6rgi",
|
|
17
|
+
[EIconsTheme.DARK]: "_198k9xn",
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
|
-
[EIconsTheme.LIGHT]: "
|
|
21
|
-
[EIconsTheme.DARK]: "
|
|
20
|
+
[EIconsTheme.LIGHT]: "_uy93am",
|
|
21
|
+
[EIconsTheme.DARK]: "_og0tq9",
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
[EIconsTheme.LIGHT]: "
|
|
25
|
-
[EIconsTheme.DARK]: "
|
|
24
|
+
[EIconsTheme.LIGHT]: "_9961q9",
|
|
25
|
+
[EIconsTheme.DARK]: "_130404t",
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
[EIconsTheme.LIGHT]: "
|
|
29
|
-
[EIconsTheme.DARK]: "
|
|
28
|
+
[EIconsTheme.LIGHT]: "_130404t",
|
|
29
|
+
[EIconsTheme.DARK]: "_9961q9",
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
[EIconsTheme.LIGHT]: "
|
|
33
|
-
[EIconsTheme.DARK]: "
|
|
32
|
+
[EIconsTheme.LIGHT]: "_kxejet",
|
|
33
|
+
[EIconsTheme.DARK]: "_tvw7m8",
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
|
-
[EIconsTheme.LIGHT]: "
|
|
37
|
-
[EIconsTheme.DARK]: "
|
|
36
|
+
[EIconsTheme.LIGHT]: "_uppyq2",
|
|
37
|
+
[EIconsTheme.DARK]: "_1p04vb3",
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
|
-
[EIconsTheme.LIGHT]: "
|
|
41
|
-
[EIconsTheme.DARK]: "
|
|
40
|
+
[EIconsTheme.LIGHT]: "_yn2hvz",
|
|
41
|
+
[EIconsTheme.DARK]: "_1kpafam",
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
[EIconsTheme.LIGHT]: "
|
|
45
|
-
[EIconsTheme.DARK]: "
|
|
44
|
+
[EIconsTheme.LIGHT]: "_kxejet",
|
|
45
|
+
[EIconsTheme.DARK]: "_qrfns7",
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
[EIconsTheme.LIGHT]: "
|
|
49
|
-
[EIconsTheme.DARK]: "
|
|
48
|
+
[EIconsTheme.LIGHT]: "_11oao2j",
|
|
49
|
+
[EIconsTheme.DARK]: "_lfxmeo",
|
|
50
50
|
},
|
|
51
51
|
];
|
|
52
52
|
const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];
|