@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.
@@ -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 1 1 8 0 4 4 0 0 1-8 0" }),
10
- React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M45 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
11
- React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M38 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
12
- React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M59 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
13
- React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M73 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M80 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 90a4 4 0 1 1 8 0 4 4 0 0 1-8 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 1 1 8 0 4 4 0 0 1-8 0" }),
23
- React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M45 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
24
- React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M38 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
25
- React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M59 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
26
- React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M73 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M80 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 90a4 4 0 1 1 8 0 4 4 0 0 1-8 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" },
@@ -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 0 1-6 0M39 28.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
11
- React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M29 68a3 3 0 1 1 6 0 3 3 0 0 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 0 1-6 0M39 68a3 3 0 1 1 6 0 3 3 0 0 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 0 1-6 0M49 68a3 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 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 0 1-6 0M39 28.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
24
- React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M29 68a3 3 0 1 1 6 0 3 3 0 0 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 0 1-6 0M39 68a3 3 0 1 1 6 0 3 3 0 0 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 0 1-6 0M49 68a3 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 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 1 1 8 0 4 4 0 0 1-8 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 1 1 8 0 4 4 0 0 1-8 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 1 1 8 0 4 4 0 0 1-8 0" }),
32
- React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M47 55a4 4 0 1 1 8 0 4 4 0 0 1-8 0M61 55a4 4 0 1 1 8 0 4 4 0 0 1-8 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 1 1 8 0 4 4 0 0 1-8 0" }),
35
- React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M47 71a4 4 0 1 1 8 0 4 4 0 0 1-8 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" }),
@@ -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 0 1-6 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 0 1-6 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 0 1-6 0" }),
32
- React.createElement("path", { fill: "#fff", fillOpacity: ".4", d: "M36 41a3 3 0 1 1 6 0 3 3 0 0 1-6 0M46 41a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
33
- React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M56 41a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
34
- React.createElement("path", { fill: "#fff", fillOpacity: ".4", d: "M26 53a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
35
- React.createElement("path", { fill: "#fff", fillOpacity: ".25", d: "M36 53a3 3 0 1 1 6 0 3 3 0 0 1-6 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const GiftStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default GiftStrokeSrvIcon24;
@@ -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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const JamjobStrokePrdIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const JamjobStrokePrdIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default JamjobStrokePrdIcon32;
@@ -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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const PauseFilledSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const PlayFilledSrvIcon16: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const PlayFilledSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default PlayFilledSrvIcon20;
@@ -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
- После установки пакета остается только подключить стили из `@sberbusiness/icons/css/icons.css`.
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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const SoundonFilledSrvIcon16: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default SoundonFilledSrvIcon16;
@@ -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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const SquircleStrokeStsIcon16: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const SquircleStrokeStsIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const SquircleStrokeStsIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const SquircleStrokeStsIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const StopFilledSrvIcon16: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ 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 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,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const StopFilledSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default StopFilledSrvIcon24;
@@ -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 0 1 0 16" }),
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.43.0",
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
- ._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
+ ._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]: "_2w9weg",
5
- [EIconsTheme.DARK]: "_19r2x57",
4
+ [EIconsTheme.LIGHT]: "_48ay19",
5
+ [EIconsTheme.DARK]: "_18uw6a6",
6
6
  },
7
7
  {
8
- [EIconsTheme.LIGHT]: "_3liowp",
9
- [EIconsTheme.DARK]: "_mony50",
8
+ [EIconsTheme.LIGHT]: "_2p3gv0",
9
+ [EIconsTheme.DARK]: "_ngk6j5",
10
10
  },
11
11
  {
12
- [EIconsTheme.LIGHT]: "_rfhnnr",
13
- [EIconsTheme.DARK]: "_w5xkx1",
12
+ [EIconsTheme.LIGHT]: "_sql5z6",
13
+ [EIconsTheme.DARK]: "_wx1wgw",
14
14
  },
15
15
  {
16
- [EIconsTheme.LIGHT]: "_3eoxzb",
17
- [EIconsTheme.DARK]: "_1a4u18u",
16
+ [EIconsTheme.LIGHT]: "_2i6rgi",
17
+ [EIconsTheme.DARK]: "_198k9xn",
18
18
  },
19
19
  {
20
- [EIconsTheme.LIGHT]: "_tmdhm3",
21
- [EIconsTheme.DARK]: "_pw9q10",
20
+ [EIconsTheme.LIGHT]: "_uy93am",
21
+ [EIconsTheme.DARK]: "_og0tq9",
22
22
  },
23
23
  {
24
- [EIconsTheme.LIGHT]: "_a0fu10",
25
- [EIconsTheme.DARK]: "_1295a20",
24
+ [EIconsTheme.LIGHT]: "_9961q9",
25
+ [EIconsTheme.DARK]: "_130404t",
26
26
  },
27
27
  {
28
- [EIconsTheme.LIGHT]: "_1295a20",
29
- [EIconsTheme.DARK]: "_a0fu10",
28
+ [EIconsTheme.LIGHT]: "_130404t",
29
+ [EIconsTheme.DARK]: "_9961q9",
30
30
  },
31
31
  {
32
- [EIconsTheme.LIGHT]: "_loivk0",
33
- [EIconsTheme.DARK]: "_ush82d",
32
+ [EIconsTheme.LIGHT]: "_kxejet",
33
+ [EIconsTheme.DARK]: "_tvw7m8",
34
34
  },
35
35
  {
36
- [EIconsTheme.LIGHT]: "_tyom1b",
37
- [EIconsTheme.DARK]: "_1pr97ne",
36
+ [EIconsTheme.LIGHT]: "_uppyq2",
37
+ [EIconsTheme.DARK]: "_1p04vb3",
38
38
  },
39
39
  {
40
- [EIconsTheme.LIGHT]: "_xqhnre",
41
- [EIconsTheme.DARK]: "_1jsh6cr",
40
+ [EIconsTheme.LIGHT]: "_yn2hvz",
41
+ [EIconsTheme.DARK]: "_1kpafam",
42
42
  },
43
43
  {
44
- [EIconsTheme.LIGHT]: "_loivk0",
45
- [EIconsTheme.DARK]: "_s38hwi",
44
+ [EIconsTheme.LIGHT]: "_kxejet",
45
+ [EIconsTheme.DARK]: "_qrfns7",
46
46
  },
47
47
  {
48
- [EIconsTheme.LIGHT]: "_107th3y",
49
- [EIconsTheme.DARK]: "_jzj2ut",
48
+ [EIconsTheme.LIGHT]: "_11oao2j",
49
+ [EIconsTheme.DARK]: "_lfxmeo",
50
50
  },
51
51
  ];
52
52
  const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];