@sberbusiness/icons-next 1.42.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.
Files changed (45) hide show
  1. package/ApisandboxMrkIcon128.js +10 -10
  2. package/ApisandboxMrkIcon96.js +8 -8
  3. package/CalendardoneMrkIcon128.js +6 -6
  4. package/CalendardoneMrkIcon96.js +7 -7
  5. package/CirclesmallStrokeSrvIcon20.d.ts +4 -0
  6. package/CirclesmallStrokeSrvIcon20.js +9 -0
  7. package/CirclesmallStrokeSrvIcon24.d.ts +4 -0
  8. package/CirclesmallStrokeSrvIcon24.js +9 -0
  9. package/GiftStrokeSrvIcon24.d.ts +4 -0
  10. package/GiftStrokeSrvIcon24.js +9 -0
  11. package/JamjobStrokePrdIcon20.d.ts +4 -0
  12. package/JamjobStrokePrdIcon20.js +10 -0
  13. package/JamjobStrokePrdIcon32.d.ts +4 -0
  14. package/JamjobStrokePrdIcon32.js +10 -0
  15. package/LocksmallFilledSrvIcon20.d.ts +4 -0
  16. package/LocksmallFilledSrvIcon20.js +9 -0
  17. package/LocksmallFilledSrvIcon24.d.ts +4 -0
  18. package/LocksmallFilledSrvIcon24.js +9 -0
  19. package/PauseFilledSrvIcon20.d.ts +4 -0
  20. package/PauseFilledSrvIcon20.js +9 -0
  21. package/PlayFilledSrvIcon16.d.ts +4 -0
  22. package/PlayFilledSrvIcon16.js +9 -0
  23. package/PlayFilledSrvIcon20.d.ts +4 -0
  24. package/PlayFilledSrvIcon20.js +9 -0
  25. package/README.md +25 -2
  26. package/SoundonFilledSrvIcon16.d.ts +4 -0
  27. package/SoundonFilledSrvIcon16.js +11 -0
  28. package/SquircleStrokeStsIcon16.d.ts +4 -0
  29. package/SquircleStrokeStsIcon16.js +9 -0
  30. package/SquircleStrokeStsIcon20.d.ts +4 -0
  31. package/SquircleStrokeStsIcon20.js +9 -0
  32. package/SquircleStrokeStsIcon24.d.ts +4 -0
  33. package/SquircleStrokeStsIcon24.js +9 -0
  34. package/SquircleStrokeStsIcon32.d.ts +4 -0
  35. package/SquircleStrokeStsIcon32.js +9 -0
  36. package/StopFilledSrvIcon16.d.ts +4 -0
  37. package/StopFilledSrvIcon16.js +9 -0
  38. package/StopFilledSrvIcon24.d.ts +4 -0
  39. package/StopFilledSrvIcon24.js +9 -0
  40. package/TokenMrkIcon96.js +1 -1
  41. package/index.d.ts +17 -0
  42. package/index.js +17 -0
  43. package/package.json +4 -3
  44. package/styles/icons.css +1 -1
  45. package/utils/getPathClassName.js +24 -24
@@ -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 CirclesmallStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default CirclesmallStrokeSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const CirclesmallStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "CirclesmallStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M14 10a4 4 0 1 0-8 0 4 4 0 0 0 8 0m2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0" }));
8
+ });
9
+ export default CirclesmallStrokeSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const CirclesmallStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default CirclesmallStrokeSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const CirclesmallStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "CirclesmallStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, d: "M16 12a4 4 0 1 0-8 0 4 4 0 0 0 8 0m2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0" }));
8
+ });
9
+ export default CirclesmallStrokeSrvIcon24;
@@ -0,0 +1,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 LocksmallFilledSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default LocksmallFilledSrvIcon20;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const LocksmallFilledSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "LocksmallFilledSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 4.5a3 3 0 0 1 3 3v.565A2 2 0 0 1 14.5 10v3a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-3c0-.932.638-1.712 1.5-1.935V7.5a3 3 0 0 1 3-3m0 2a1 1 0 0 0-1 1V8h2v-.5a1 1 0 0 0-1-1m0 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2", clipRule: "evenodd" }));
8
+ });
9
+ export default LocksmallFilledSrvIcon20;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISingleColorIconProps } from "./types";
3
+ declare const LocksmallFilledSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
4
+ export default LocksmallFilledSrvIcon24;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { useTheme } from "./ThemeProvider";
3
+ import getPathClassName from "./utils/getPathClassName";
4
+ const LocksmallFilledSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
5
+ const pathClassName = getPathClassName(paletteIndex, useTheme());
6
+ return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "LocksmallFilledSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
7
+ React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M12 6.5a3 3 0 0 1 3 3v.565A2 2 0 0 1 16.5 12v3a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-3c0-.932.638-1.712 1.5-1.935V9.5a3 3 0 0 1 3-3m0 2a1 1 0 0 0-1 1v.5h2v-.5a1 1 0 0 0-1-1m0 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2", clipRule: "evenodd" }));
8
+ });
9
+ export default LocksmallFilledSrvIcon24;
@@ -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";
@@ -804,6 +806,8 @@ export { default as CheckboxtickStrokeSrvIcon24 } from "./CheckboxtickStrokeSrvI
804
806
  export { default as ChevronrightStrokeSrvIcon20 } from "./ChevronrightStrokeSrvIcon20";
805
807
  export { default as ChevronrightStrokeSrvIcon24 } from "./ChevronrightStrokeSrvIcon24";
806
808
  export { default as CirclesmallStrokeSrvIcon16 } from "./CirclesmallStrokeSrvIcon16";
809
+ export { default as CirclesmallStrokeSrvIcon20 } from "./CirclesmallStrokeSrvIcon20";
810
+ export { default as CirclesmallStrokeSrvIcon24 } from "./CirclesmallStrokeSrvIcon24";
807
811
  export { default as ClockStrokeSrvIcon20 } from "./ClockStrokeSrvIcon20";
808
812
  export { default as ClockStrokeSrvIcon24 } from "./ClockStrokeSrvIcon24";
809
813
  export { default as ClockStrokeSrvIcon32 } from "./ClockStrokeSrvIcon32";
@@ -911,6 +915,7 @@ export { default as GasstationStrokeSrvIcon20 } from "./GasstationStrokeSrvIcon2
911
915
  export { default as GasstationStrokeSrvIcon32 } from "./GasstationStrokeSrvIcon32";
912
916
  export { default as GearsStrokeSrvIcon32 } from "./GearsStrokeSrvIcon32";
913
917
  export { default as GiftStrokeSrvIcon20 } from "./GiftStrokeSrvIcon20";
918
+ export { default as GiftStrokeSrvIcon24 } from "./GiftStrokeSrvIcon24";
914
919
  export { default as GiftStrokeSrvIcon32 } from "./GiftStrokeSrvIcon32";
915
920
  export { default as HamburgerStrokeSrvIcon20 } from "./HamburgerStrokeSrvIcon20";
916
921
  export { default as HamburgerStrokeSrvIcon32 } from "./HamburgerStrokeSrvIcon32";
@@ -968,6 +973,8 @@ export { default as LocationStrokeSrvIcon32 } from "./LocationStrokeSrvIcon32";
968
973
  export { default as LockFilledSrvIcon16 } from "./LockFilledSrvIcon16";
969
974
  export { default as LockarrowanticlockwiseStrokeSrvIcon32 } from "./LockarrowanticlockwiseStrokeSrvIcon32";
970
975
  export { default as LocksmallFilledSrvIcon16 } from "./LocksmallFilledSrvIcon16";
976
+ export { default as LocksmallFilledSrvIcon20 } from "./LocksmallFilledSrvIcon20";
977
+ export { default as LocksmallFilledSrvIcon24 } from "./LocksmallFilledSrvIcon24";
971
978
  export { default as MailStrokeSrvIcon20 } from "./MailStrokeSrvIcon20";
972
979
  export { default as MailStrokeSrvIcon24 } from "./MailStrokeSrvIcon24";
973
980
  export { default as MailStrokeSrvIcon32 } from "./MailStrokeSrvIcon32";
@@ -1015,6 +1022,7 @@ export { default as OtherfilesStrokeSrvIcon32 } from "./OtherfilesStrokeSrvIcon3
1015
1022
  export { default as PaintbrushStrokeSrvIcon20 } from "./PaintbrushStrokeSrvIcon20";
1016
1023
  export { default as PaintbrushStrokeSrvIcon32 } from "./PaintbrushStrokeSrvIcon32";
1017
1024
  export { default as PauseFilledSrvIcon16 } from "./PauseFilledSrvIcon16";
1025
+ export { default as PauseFilledSrvIcon20 } from "./PauseFilledSrvIcon20";
1018
1026
  export { default as PauseFilledSrvIcon24 } from "./PauseFilledSrvIcon24";
1019
1027
  export { default as PercentStrokeSrvIcon20 } from "./PercentStrokeSrvIcon20";
1020
1028
  export { default as PercentStrokeSrvIcon24 } from "./PercentStrokeSrvIcon24";
@@ -1032,6 +1040,8 @@ export { default as PinStrokeSrvIcon20 } from "./PinStrokeSrvIcon20";
1032
1040
  export { default as PincodeStrokeSrvIcon32 } from "./PincodeStrokeSrvIcon32";
1033
1041
  export { default as PlaneStrokeSrvIcon20 } from "./PlaneStrokeSrvIcon20";
1034
1042
  export { default as PlaneStrokeSrvIcon32 } from "./PlaneStrokeSrvIcon32";
1043
+ export { default as PlayFilledSrvIcon16 } from "./PlayFilledSrvIcon16";
1044
+ export { default as PlayFilledSrvIcon20 } from "./PlayFilledSrvIcon20";
1035
1045
  export { default as PlayFilledSrvIcon24 } from "./PlayFilledSrvIcon24";
1036
1046
  export { default as PlusStrokeSrvIcon16 } from "./PlusStrokeSrvIcon16";
1037
1047
  export { default as PlusStrokeSrvIcon20 } from "./PlusStrokeSrvIcon20";
@@ -1129,6 +1139,7 @@ export { default as SortincreaseStrokeSrvIcon16 } from "./SortincreaseStrokeSrvI
1129
1139
  export { default as SortincreaseStrokeSrvIcon20 } from "./SortincreaseStrokeSrvIcon20";
1130
1140
  export { default as SortincreaseStrokeSrvIcon24 } from "./SortincreaseStrokeSrvIcon24";
1131
1141
  export { default as SoundoffStrokeSrvIcon32 } from "./SoundoffStrokeSrvIcon32";
1142
+ export { default as SoundonFilledSrvIcon16 } from "./SoundonFilledSrvIcon16";
1132
1143
  export { default as SoundonStrokeSrvIcon16 } from "./SoundonStrokeSrvIcon16";
1133
1144
  export { default as SoundonStrokeSrvIcon32 } from "./SoundonStrokeSrvIcon32";
1134
1145
  export { default as SpeakerStrokeSrvIcon20 } from "./SpeakerStrokeSrvIcon20";
@@ -1157,7 +1168,9 @@ export { default as StethoscopeStrokeSrvIcon32 } from "./StethoscopeStrokeSrvIco
1157
1168
  export { default as StickerStrokeSrvIcon20 } from "./StickerStrokeSrvIcon20";
1158
1169
  export { default as StickerStrokeSrvIcon24 } from "./StickerStrokeSrvIcon24";
1159
1170
  export { default as StickerStrokeSrvIcon32 } from "./StickerStrokeSrvIcon32";
1171
+ export { default as StopFilledSrvIcon16 } from "./StopFilledSrvIcon16";
1160
1172
  export { default as StopFilledSrvIcon20 } from "./StopFilledSrvIcon20";
1173
+ export { default as StopFilledSrvIcon24 } from "./StopFilledSrvIcon24";
1161
1174
  export { default as SupermarketStrokeSrvIcon20 } from "./SupermarketStrokeSrvIcon20";
1162
1175
  export { default as SupermarketStrokeSrvIcon32 } from "./SupermarketStrokeSrvIcon32";
1163
1176
  export { default as TabletmenuStrokeSrvIcon20 } from "./TabletmenuStrokeSrvIcon20";
@@ -1260,6 +1273,10 @@ export { default as InfoStrokeStsIcon24 } from "./InfoStrokeStsIcon24";
1260
1273
  export { default as InfoStrokeStsIcon32 } from "./InfoStrokeStsIcon32";
1261
1274
  export { default as RubStrokeStsIcon20 } from "./RubStrokeStsIcon20";
1262
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";
1263
1280
  export { default as SuccessStrokeStsIcon16 } from "./SuccessStrokeStsIcon16";
1264
1281
  export { default as SuccessStrokeStsIcon20 } from "./SuccessStrokeStsIcon20";
1265
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";
@@ -803,6 +805,8 @@ export { default as CheckboxtickStrokeSrvIcon24 } from "./CheckboxtickStrokeSrvI
803
805
  export { default as ChevronrightStrokeSrvIcon20 } from "./ChevronrightStrokeSrvIcon20";
804
806
  export { default as ChevronrightStrokeSrvIcon24 } from "./ChevronrightStrokeSrvIcon24";
805
807
  export { default as CirclesmallStrokeSrvIcon16 } from "./CirclesmallStrokeSrvIcon16";
808
+ export { default as CirclesmallStrokeSrvIcon20 } from "./CirclesmallStrokeSrvIcon20";
809
+ export { default as CirclesmallStrokeSrvIcon24 } from "./CirclesmallStrokeSrvIcon24";
806
810
  export { default as ClockStrokeSrvIcon20 } from "./ClockStrokeSrvIcon20";
807
811
  export { default as ClockStrokeSrvIcon24 } from "./ClockStrokeSrvIcon24";
808
812
  export { default as ClockStrokeSrvIcon32 } from "./ClockStrokeSrvIcon32";
@@ -910,6 +914,7 @@ export { default as GasstationStrokeSrvIcon20 } from "./GasstationStrokeSrvIcon2
910
914
  export { default as GasstationStrokeSrvIcon32 } from "./GasstationStrokeSrvIcon32";
911
915
  export { default as GearsStrokeSrvIcon32 } from "./GearsStrokeSrvIcon32";
912
916
  export { default as GiftStrokeSrvIcon20 } from "./GiftStrokeSrvIcon20";
917
+ export { default as GiftStrokeSrvIcon24 } from "./GiftStrokeSrvIcon24";
913
918
  export { default as GiftStrokeSrvIcon32 } from "./GiftStrokeSrvIcon32";
914
919
  export { default as HamburgerStrokeSrvIcon20 } from "./HamburgerStrokeSrvIcon20";
915
920
  export { default as HamburgerStrokeSrvIcon32 } from "./HamburgerStrokeSrvIcon32";
@@ -967,6 +972,8 @@ export { default as LocationStrokeSrvIcon32 } from "./LocationStrokeSrvIcon32";
967
972
  export { default as LockFilledSrvIcon16 } from "./LockFilledSrvIcon16";
968
973
  export { default as LockarrowanticlockwiseStrokeSrvIcon32 } from "./LockarrowanticlockwiseStrokeSrvIcon32";
969
974
  export { default as LocksmallFilledSrvIcon16 } from "./LocksmallFilledSrvIcon16";
975
+ export { default as LocksmallFilledSrvIcon20 } from "./LocksmallFilledSrvIcon20";
976
+ export { default as LocksmallFilledSrvIcon24 } from "./LocksmallFilledSrvIcon24";
970
977
  export { default as MailStrokeSrvIcon20 } from "./MailStrokeSrvIcon20";
971
978
  export { default as MailStrokeSrvIcon24 } from "./MailStrokeSrvIcon24";
972
979
  export { default as MailStrokeSrvIcon32 } from "./MailStrokeSrvIcon32";
@@ -1014,6 +1021,7 @@ export { default as OtherfilesStrokeSrvIcon32 } from "./OtherfilesStrokeSrvIcon3
1014
1021
  export { default as PaintbrushStrokeSrvIcon20 } from "./PaintbrushStrokeSrvIcon20";
1015
1022
  export { default as PaintbrushStrokeSrvIcon32 } from "./PaintbrushStrokeSrvIcon32";
1016
1023
  export { default as PauseFilledSrvIcon16 } from "./PauseFilledSrvIcon16";
1024
+ export { default as PauseFilledSrvIcon20 } from "./PauseFilledSrvIcon20";
1017
1025
  export { default as PauseFilledSrvIcon24 } from "./PauseFilledSrvIcon24";
1018
1026
  export { default as PercentStrokeSrvIcon20 } from "./PercentStrokeSrvIcon20";
1019
1027
  export { default as PercentStrokeSrvIcon24 } from "./PercentStrokeSrvIcon24";
@@ -1031,6 +1039,8 @@ export { default as PinStrokeSrvIcon20 } from "./PinStrokeSrvIcon20";
1031
1039
  export { default as PincodeStrokeSrvIcon32 } from "./PincodeStrokeSrvIcon32";
1032
1040
  export { default as PlaneStrokeSrvIcon20 } from "./PlaneStrokeSrvIcon20";
1033
1041
  export { default as PlaneStrokeSrvIcon32 } from "./PlaneStrokeSrvIcon32";
1042
+ export { default as PlayFilledSrvIcon16 } from "./PlayFilledSrvIcon16";
1043
+ export { default as PlayFilledSrvIcon20 } from "./PlayFilledSrvIcon20";
1034
1044
  export { default as PlayFilledSrvIcon24 } from "./PlayFilledSrvIcon24";
1035
1045
  export { default as PlusStrokeSrvIcon16 } from "./PlusStrokeSrvIcon16";
1036
1046
  export { default as PlusStrokeSrvIcon20 } from "./PlusStrokeSrvIcon20";
@@ -1128,6 +1138,7 @@ export { default as SortincreaseStrokeSrvIcon16 } from "./SortincreaseStrokeSrvI
1128
1138
  export { default as SortincreaseStrokeSrvIcon20 } from "./SortincreaseStrokeSrvIcon20";
1129
1139
  export { default as SortincreaseStrokeSrvIcon24 } from "./SortincreaseStrokeSrvIcon24";
1130
1140
  export { default as SoundoffStrokeSrvIcon32 } from "./SoundoffStrokeSrvIcon32";
1141
+ export { default as SoundonFilledSrvIcon16 } from "./SoundonFilledSrvIcon16";
1131
1142
  export { default as SoundonStrokeSrvIcon16 } from "./SoundonStrokeSrvIcon16";
1132
1143
  export { default as SoundonStrokeSrvIcon32 } from "./SoundonStrokeSrvIcon32";
1133
1144
  export { default as SpeakerStrokeSrvIcon20 } from "./SpeakerStrokeSrvIcon20";
@@ -1156,7 +1167,9 @@ export { default as StethoscopeStrokeSrvIcon32 } from "./StethoscopeStrokeSrvIco
1156
1167
  export { default as StickerStrokeSrvIcon20 } from "./StickerStrokeSrvIcon20";
1157
1168
  export { default as StickerStrokeSrvIcon24 } from "./StickerStrokeSrvIcon24";
1158
1169
  export { default as StickerStrokeSrvIcon32 } from "./StickerStrokeSrvIcon32";
1170
+ export { default as StopFilledSrvIcon16 } from "./StopFilledSrvIcon16";
1159
1171
  export { default as StopFilledSrvIcon20 } from "./StopFilledSrvIcon20";
1172
+ export { default as StopFilledSrvIcon24 } from "./StopFilledSrvIcon24";
1160
1173
  export { default as SupermarketStrokeSrvIcon20 } from "./SupermarketStrokeSrvIcon20";
1161
1174
  export { default as SupermarketStrokeSrvIcon32 } from "./SupermarketStrokeSrvIcon32";
1162
1175
  export { default as TabletmenuStrokeSrvIcon20 } from "./TabletmenuStrokeSrvIcon20";
@@ -1259,6 +1272,10 @@ export { default as InfoStrokeStsIcon24 } from "./InfoStrokeStsIcon24";
1259
1272
  export { default as InfoStrokeStsIcon32 } from "./InfoStrokeStsIcon32";
1260
1273
  export { default as RubStrokeStsIcon20 } from "./RubStrokeStsIcon20";
1261
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";
1262
1279
  export { default as SuccessStrokeStsIcon16 } from "./SuccessStrokeStsIcon16";
1263
1280
  export { default as SuccessStrokeStsIcon20 } from "./SuccessStrokeStsIcon20";
1264
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.42.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
- ._38tqbj { fill: #008985; } ._19tn4vw { fill: #19BDB0; } ._3nx772 { fill: #D10032; } ._m73zqb { fill: #F80C45; } ._ri25o0 { fill: #EF4C01; } ._vojlea { fill: #FF7A17; } ._3r8oq8 { fill: #0E57CC; } ._1ahe4mx { fill: #1297FE; } ._tot5r0 { fill: #697591; } ._povf3n { fill: #95A3C1; } ._ai02r7 { fill: #1F1F22; fill-opacity: .45; } ._11rl1cv { fill: #FFFFFF; fill-opacity: .35; } ._m5wsqf { fill: #FFFFFF; fill-opacity: 1; } ._uv2hpe { fill: #FFFFFF; fill-opacity: 1; } ._th9jug { fill: #FFB13B; } ._1pyolal { fill: #FFB13B; } ._xdxxvh { fill: #1F1F22; fill-opacity: 1; } ._1jpx10c { fill: #FFFFFF; fill-opacity: 1; } ._s0t6dx { fill: #1F1F22; fill-opacity: 1; } ._10f7v8p { fill: #1F1F22; fill-opacity: .45; } ._kh320y { fill: #FFFFFF; fill-opacity: .35; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._38tqbj { fill: #21A19A; } .hoverable:hover ._19tn4vw { fill: #4BD9CF; } .hoverable:hover ._3nx772 { fill: #E60037; } .hoverable:hover ._m73zqb { fill: #FF5571; } .hoverable:hover ._ri25o0 { fill: #EF4C01; } .hoverable:hover ._vojlea { fill: #FF7A17; } .hoverable:hover ._3r8oq8 { fill: #0E57CC; } .hoverable:hover ._1ahe4mx { fill: #1297FE; } .hoverable:hover ._tot5r0 { fill: #697591; } .hoverable:hover ._povf3n { fill: #95A3C1; } .hoverable:hover ._ai02r7 { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._11rl1cv { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._m5wsqf { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._uv2hpe { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._th9jug { fill: #FFB13B; } .hoverable:hover ._1pyolal { fill: #FFB13B; } .hoverable:hover ._xdxxvh { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._1jpx10c { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._s0t6dx { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._10f7v8p { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._kh320y { fill: #FFFFFF; fill-opacity: 1; } } .hoverable:active ._38tqbj, .hoverable.active ._38tqbj { fill: #007777; } .hoverable:active ._19tn4vw, .hoverable.active ._19tn4vw { fill: #008985; } .hoverable:active ._3nx772, .hoverable.active ._3nx772 { fill: #BD002C; } .hoverable:active ._m73zqb, .hoverable.active ._m73zqb { fill: #D10032; } .hoverable:active ._ri25o0, .hoverable.active ._ri25o0 { fill: #D10032; } .hoverable:active ._vojlea, .hoverable.active ._vojlea { fill: #FF7A17; } .hoverable:active ._3r8oq8, .hoverable.active ._3r8oq8 { fill: #0E57CC; } .hoverable:active ._1ahe4mx, .hoverable.active ._1ahe4mx { fill: #1297FE; } .hoverable:active ._tot5r0, .hoverable.active ._tot5r0 { fill: #697591; } .hoverable:active ._povf3n, .hoverable.active ._povf3n { fill: #95A3C1; } .hoverable:active ._ai02r7, .hoverable.active ._ai02r7 { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._11rl1cv, .hoverable.active ._11rl1cv { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._m5wsqf, .hoverable.active ._m5wsqf { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._uv2hpe, .hoverable.active ._uv2hpe { fill: #FFFFFF; fill-opacity: 1; } .hoverable:active ._th9jug, .hoverable.active ._th9jug { fill: #FFB13B; } .hoverable:active ._1pyolal, .hoverable.active ._1pyolal { fill: #FFB13B; } .hoverable:active ._xdxxvh, .hoverable.active ._xdxxvh { fill: #008985; } .hoverable:active ._1jpx10c, .hoverable.active ._1jpx10c { fill: #19BDB0; } .hoverable:active ._s0t6dx, .hoverable.active ._s0t6dx { fill: #1F1F22; fill-opacity: 1; } .hoverable:active ._10f7v8p, .hoverable.active ._10f7v8p { fill: #008985; } .hoverable:active ._kh320y, .hoverable.active ._kh320y { fill: #19BDB0; } .hoverable:disabled ._38tqbj, .hoverable.disabled ._38tqbj { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._19tn4vw, .hoverable.disabled ._19tn4vw { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._3nx772, .hoverable.disabled ._3nx772 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._m73zqb, .hoverable.disabled ._m73zqb { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._ri25o0, .hoverable.disabled ._ri25o0 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._vojlea, .hoverable.disabled ._vojlea { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._3r8oq8, .hoverable.disabled ._3r8oq8 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1ahe4mx, .hoverable.disabled ._1ahe4mx { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._tot5r0, .hoverable.disabled ._tot5r0 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._povf3n, .hoverable.disabled ._povf3n { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._ai02r7, .hoverable.disabled ._ai02r7 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._11rl1cv, .hoverable.disabled ._11rl1cv { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._m5wsqf, .hoverable.disabled ._m5wsqf { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._uv2hpe, .hoverable.disabled ._uv2hpe { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._th9jug, .hoverable.disabled ._th9jug { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1pyolal, .hoverable.disabled ._1pyolal { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._xdxxvh, .hoverable.disabled ._xdxxvh { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1jpx10c, .hoverable.disabled ._1jpx10c { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._s0t6dx, .hoverable.disabled ._s0t6dx { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._10f7v8p, .hoverable.disabled ._10f7v8p { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._kh320y, .hoverable.disabled ._kh320y { 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]: "_38tqbj",
5
- [EIconsTheme.DARK]: "_19tn4vw",
4
+ [EIconsTheme.LIGHT]: "_48ay19",
5
+ [EIconsTheme.DARK]: "_18uw6a6",
6
6
  },
7
7
  {
8
- [EIconsTheme.LIGHT]: "_3nx772",
9
- [EIconsTheme.DARK]: "_m73zqb",
8
+ [EIconsTheme.LIGHT]: "_2p3gv0",
9
+ [EIconsTheme.DARK]: "_ngk6j5",
10
10
  },
11
11
  {
12
- [EIconsTheme.LIGHT]: "_ri25o0",
13
- [EIconsTheme.DARK]: "_vojlea",
12
+ [EIconsTheme.LIGHT]: "_sql5z6",
13
+ [EIconsTheme.DARK]: "_wx1wgw",
14
14
  },
15
15
  {
16
- [EIconsTheme.LIGHT]: "_3r8oq8",
17
- [EIconsTheme.DARK]: "_1ahe4mx",
16
+ [EIconsTheme.LIGHT]: "_2i6rgi",
17
+ [EIconsTheme.DARK]: "_198k9xn",
18
18
  },
19
19
  {
20
- [EIconsTheme.LIGHT]: "_tot5r0",
21
- [EIconsTheme.DARK]: "_povf3n",
20
+ [EIconsTheme.LIGHT]: "_uy93am",
21
+ [EIconsTheme.DARK]: "_og0tq9",
22
22
  },
23
23
  {
24
- [EIconsTheme.LIGHT]: "_ai02r7",
25
- [EIconsTheme.DARK]: "_11rl1cv",
24
+ [EIconsTheme.LIGHT]: "_9961q9",
25
+ [EIconsTheme.DARK]: "_130404t",
26
26
  },
27
27
  {
28
- [EIconsTheme.LIGHT]: "_11rl1cv",
29
- [EIconsTheme.DARK]: "_ai02r7",
28
+ [EIconsTheme.LIGHT]: "_130404t",
29
+ [EIconsTheme.DARK]: "_9961q9",
30
30
  },
31
31
  {
32
- [EIconsTheme.LIGHT]: "_m5wsqf",
33
- [EIconsTheme.DARK]: "_uv2hpe",
32
+ [EIconsTheme.LIGHT]: "_kxejet",
33
+ [EIconsTheme.DARK]: "_tvw7m8",
34
34
  },
35
35
  {
36
- [EIconsTheme.LIGHT]: "_th9jug",
37
- [EIconsTheme.DARK]: "_1pyolal",
36
+ [EIconsTheme.LIGHT]: "_uppyq2",
37
+ [EIconsTheme.DARK]: "_1p04vb3",
38
38
  },
39
39
  {
40
- [EIconsTheme.LIGHT]: "_xdxxvh",
41
- [EIconsTheme.DARK]: "_1jpx10c",
40
+ [EIconsTheme.LIGHT]: "_yn2hvz",
41
+ [EIconsTheme.DARK]: "_1kpafam",
42
42
  },
43
43
  {
44
- [EIconsTheme.LIGHT]: "_m5wsqf",
45
- [EIconsTheme.DARK]: "_s0t6dx",
44
+ [EIconsTheme.LIGHT]: "_kxejet",
45
+ [EIconsTheme.DARK]: "_qrfns7",
46
46
  },
47
47
  {
48
- [EIconsTheme.LIGHT]: "_10f7v8p",
49
- [EIconsTheme.DARK]: "_kh320y",
48
+ [EIconsTheme.LIGHT]: "_11oao2j",
49
+ [EIconsTheme.DARK]: "_lfxmeo",
50
50
  },
51
51
  ];
52
52
  const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];