@platformatic/ui-components 0.8.1 → 0.8.3

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 (30) hide show
  1. package/dist/assets/index-DFooB5Gh.js +40 -0
  2. package/dist/assets/index-UjO_DhXJ.css +1 -0
  3. package/dist/index.html +2 -2
  4. package/package.json +1 -1
  5. package/src/components/Button.module.css +6 -0
  6. package/src/components/ButtonOnlyIcon.module.css +6 -0
  7. package/src/components/Common.module.css +36 -0
  8. package/src/components/CopyAndPaste.jsx +43 -7
  9. package/src/components/constants.js +4 -3
  10. package/src/components/icons/AllAppsIcon.jsx +31 -21
  11. package/src/components/icons/AppConfigurationIcon.jsx +27 -29
  12. package/src/components/icons/AppDetailsIcon.jsx +13 -10
  13. package/src/components/icons/AppEditIcon.jsx +15 -15
  14. package/src/components/icons/AppIcon.jsx +7 -4
  15. package/src/components/icons/AppListIcon.jsx +60 -62
  16. package/src/components/icons/AppMissingIcon.jsx +97 -0
  17. package/src/components/icons/AppSettingsIcon.jsx +13 -9
  18. package/src/components/icons/{StoppedAppIcon.jsx → AppStoppedIcon.jsx} +15 -15
  19. package/src/components/icons/CreateAppIcon.jsx +13 -7
  20. package/src/components/icons/CreatingAppIcon.jsx +104 -0
  21. package/src/components/icons/Icons.module.css +21 -0
  22. package/src/components/icons/ImportAppIcon.jsx +9 -10
  23. package/src/components/icons/PodDetailsIcon.jsx +12 -21
  24. package/src/components/icons/PodLogsIcon.jsx +26 -27
  25. package/src/components/icons/PodPerformanceIcon.jsx +20 -18
  26. package/src/components/icons/RemoveAppIcon.jsx +101 -0
  27. package/src/components/icons/index.js +9 -3
  28. package/tailwind.config.cjs +3 -1
  29. package/dist/assets/index-BiRNzolW.css +0 -1
  30. package/dist/assets/index-CLtNOpBw.js +0 -40
package/src/components/icons/AppEditIcon.jsx CHANGED
@@ -29,11 +29,11 @@ const AppEditIcon = ({
29
29
  xmlns='http://www.w3.org/2000/svg'
30
30
  className={className}
31
31
  >
32
- <path d='M10 4L6.33013 2L2 4.5V9.5L4 11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
33
- <rect x='10.988' y='5.49731' width='2.11765' height='7.76471' transform='rotate(45 10.988 5.49731)' stroke='none' strokeLinejoin='round' />
34
- <path d='M6.99496 12.4852L5.49756 10.9878L4.74886 13.2339L6.99496 12.4852Z' stroke='none' strokeLinejoin='round' />
35
- <path d='M11.7782 4.70711C12.1688 4.31658 12.8019 4.31658 13.1925 4.70711L13.2756 4.7903C13.6662 5.18082 13.6662 5.81399 13.2756 6.20451L12.4854 6.99481L10.9879 5.4974L11.7782 4.70711Z' stroke='none' />
36
-
32
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V10' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M11.6398 5.82342L13.5 4.85711L8 2L2.5 4.85711L5.25 6.28567' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
+ <rect x='8.75085' y='5.49182' width='1.4029' height='5.14397' transform='rotate(45 8.75085 5.49182)' stroke='none' strokeLinejoin='round' />
35
+ <path d='M6.1054 10.1213L5.1134 9.12927L4.6174 10.6173L6.1054 10.1213Z' stroke='none' strokeLinejoin='round' />
36
+ <path d='M9.24668 4.996C9.52061 4.72207 9.96474 4.72207 10.2387 4.996V4.996C10.5126 5.26993 10.5126 5.71407 10.2387 5.988L9.74268 6.484L8.75068 5.492L9.24668 4.996Z' stroke='none' />
37
37
  </svg>
38
38
  )
39
39
  break
@@ -47,11 +47,11 @@ const AppEditIcon = ({
47
47
  xmlns='http://www.w3.org/2000/svg'
48
48
  className={className}
49
49
  >
50
- <path d='M15 6L9.49519 3L3 6.75V14.25L6 16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
- <rect x='16.4819' y='8.24609' width='3.17647' height='11.6471' transform='rotate(45 16.4819 8.24609)' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
52
- <path d='M10.4922 18.728L8.24609 16.4819L7.12304 19.8511L10.4922 18.728Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
53
- <path d='M18.0209 6.70711C18.4114 6.31658 19.0446 6.31658 19.4351 6.70711L20.267 7.539C20.6575 7.92952 20.6575 8.56269 20.267 8.95321L18.728 10.4922L16.4819 8.2461L18.0209 6.70711Z' stroke='none' strokeWidth={1.5} />
54
-
50
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V15' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M17.4598 8.73514L20.25 7.28567L12 3L3.75 7.28567L7.875 9.42851' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <rect x='13.1262' y='8.23779' width='2.10435' height='7.71595' transform='rotate(45 13.1262 8.23779)' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
53
+ <path d='M9.15817 15.1818L7.67017 13.6938L6.92617 15.9258L9.15817 15.1818Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
54
+ <path d='M13.9069 7.45711C14.2974 7.06658 14.9306 7.06658 15.3211 7.45711L15.3949 7.53089C15.7854 7.92142 15.7854 8.55458 15.3949 8.94511L14.614 9.726L13.126 8.238L13.9069 7.45711Z' stroke='none' strokeWidth={1.5} />
55
55
  </svg>
56
56
  )
57
57
  break
@@ -65,11 +65,11 @@ const AppEditIcon = ({
65
65
  xmlns='http://www.w3.org/2000/svg'
66
66
  className={className}
67
67
  >
68
- <path d='M25 10L15.8253 5L5 11.25V23.75L10 27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
- <rect x='27.47' y='13.7434' width='5.29412' height='19.4118' transform='rotate(45 27.47 13.7434)' stroke='none' strokeWidth={2} strokeLinejoin='round' />
70
- <path d='M17.4872 31.2132L13.7437 27.4697L11.8719 33.085L17.4872 31.2132Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
71
- <path d='M30.5063 10.7071C30.8968 10.3166 31.53 10.3166 31.9205 10.7071L34.2498 13.0364C34.6403 13.4269 34.6403 14.0601 34.2498 14.4506L31.2134 17.487L27.4699 13.7435L30.5063 10.7071Z' stroke='none' strokeWidth={2} />
72
-
68
+ <path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V25' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M29.0996 14.5586L33.75 12.1428L20 5L6.25 12.1428L13.125 15.7142' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
+ <rect x='21.8771' y='13.7296' width='3.50725' height='12.8599' transform='rotate(45 21.8771 13.7296)' stroke='none' strokeWidth={2} strokeLinejoin='round' />
71
+ <path d='M15.2636 25.3031L12.7836 22.8231L11.5436 26.5431L15.2636 25.3031Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
72
+ <path d='M23.6496 11.9571C24.0401 11.5666 24.6733 11.5666 25.0638 11.9571L26.1296 13.0229C26.5201 13.4134 26.5201 14.0466 26.1296 14.4371L24.3567 16.21L21.8767 13.73L23.6496 11.9571Z' stroke='none' strokeWidth={2} />
73
73
  </svg>
74
74
  )
75
75
  break
package/src/components/icons/AppIcon.jsx CHANGED
@@ -29,7 +29,8 @@ const AppIcon = ({
29
29
  xmlns='http://www.w3.org/2000/svg'
30
30
  className={className}
31
31
  >
32
- <path d='M8 2L13.1962 5V11L8 14L2.80385 11V5L8 2Z' stroke='none' strokeLinejoin='round' />
32
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V8.00001' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M8 7.71423L2.5 4.85711L8 2L13.5 4.85711L8 7.71423Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
33
34
  </svg>
34
35
  )
35
36
  break
@@ -43,8 +44,8 @@ const AppIcon = ({
43
44
  xmlns='http://www.w3.org/2000/svg'
44
45
  className={className}
45
46
  >
46
- <path d='M12 3L19.7942 7.5V16.5L12 21L4.20577 16.5V7.5L12 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
47
-
47
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V12' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
48
+ <path d='M12 11.5713L3.75 7.28567L12 3L20.25 7.28567L12 11.5713Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
48
49
  </svg>
49
50
  )
50
51
  break
@@ -58,7 +59,9 @@ const AppIcon = ({
58
59
  xmlns='http://www.w3.org/2000/svg'
59
60
  className={className}
60
61
  >
61
- <path d='M20 5L32.9904 12.5V27.5L20 35L7.00962 27.5V12.5L20 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
62
+ <path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V20' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
63
+ <path d='M20 19.2856L6.25 12.1428L20 5L33.75 12.1428L20 19.2856Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
64
+
62
65
  </svg>
63
66
  )
64
67
  break
package/src/components/icons/AppListIcon.jsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react'
2
2
  import PropTypes from 'prop-types'
3
3
  import styles from './Icons.module.css'
4
- import { COLORS_ICON, SIZES, MEDIUM, EXTRA_LARGE, MAIN_DARK_BLUE } from '../constants'
4
+ import { COLORS_ICON, SIZES, MEDIUM, LARGE, MAIN_DARK_BLUE, SMALL } from '../constants'
5
5
 
6
6
  const AppListIcon = ({
7
7
  color = MAIN_DARK_BLUE,
@@ -17,75 +17,73 @@ const AppListIcon = ({
17
17
  className += ` ${styles.iconInactive}`
18
18
  }
19
19
  let icon = <></>
20
+ const filledClassName = styles[`filled-${color}`]
20
21
 
21
22
  switch (size) {
22
- case EXTRA_LARGE:
23
+ case SMALL:
23
24
  icon = (
24
25
  <svg
25
- width={81}
26
- height={80}
27
- viewBox='0 0 81 80'
26
+ width={16}
27
+ height={16}
28
+ viewBox='0 0 16 16'
28
29
  fill='none'
29
30
  xmlns='http://www.w3.org/2000/svg'
30
31
  className={className}
31
32
  >
32
- <path
33
- d='M19.6628 38.0801H11.9961C11.4438 38.0801 10.9961 38.5278 10.9961 39.0801V53.7201C10.9961 54.2724 11.4438 54.7201 11.9961 54.7201H35.9961C36.5484 54.7201 36.9961 54.2724 36.9961 53.7201V39.0801C36.9961 38.5278 36.5484 38.0801 35.9961 38.0801H28.3294'
34
- stroke='none'
35
- strokeWidth={2}
36
- strokeLinecap='round'
37
- />
38
- <rect
39
- x={19.6631}
40
- y={54.72}
41
- width={8.66667}
42
- height={4.16}
43
- stroke='none'
44
- strokeWidth={2}
45
- />
46
- <path
47
- d='M15.3291 59.8799C15.3291 59.3276 15.7768 58.8799 16.3291 58.8799H31.6624C32.2147 58.8799 32.6624 59.3276 32.6624 59.8799V61.9999H15.3291V59.8799Z'
48
- stroke='none'
49
- strokeWidth={2}
50
- />
51
- <path
52
- d='M23.9958 36L25.9416 41.749H32.2383L27.1441 45.302L29.0899 51.051L23.9958 47.498L18.9016 51.051L20.8474 45.302L15.7533 41.749H22.05L23.9958 36Z'
53
- stroke='none'
54
- strokeWidth={2}
55
- strokeLinejoin='round'
56
- />
57
- <path
58
- d='M20.9961 34H15.9961V25H13.9961'
59
- stroke='none'
60
- strokeWidth={2}
61
- strokeLinecap='round'
62
- strokeLinejoin='round'
63
- />
64
- <path
65
- d='M19.9961 29.5V9'
66
- stroke='none'
67
- strokeWidth={2}
68
- strokeLinecap='round'
69
- strokeLinejoin='round'
70
- />
71
- <path
72
- d='M27.9961 35H32V27H38.9961V19'
73
- stroke='none'
74
- strokeWidth={2}
75
- strokeLinecap='round'
76
- strokeLinejoin='round'
77
- />
78
- <path
79
- d='M26 31.5V22H30.9961V14.5'
80
- stroke='none'
81
- strokeWidth={2}
82
- strokeLinecap='round'
83
- strokeLinejoin='round'
84
- />
85
- <circle cx={11.9961} cy={25} r={2} stroke='none' strokeWidth={2} />
86
- <circle cx={19.9961} cy={7} r={2} stroke='none' strokeWidth={2} />
87
- <circle cx={30.9961} cy={12} r={2} stroke='none' strokeWidth={2} />
88
- <circle cx={38.9961} cy={17} r={2} stroke='none' strokeWidth={2} />
33
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M5.5 6.5L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M9.9 5H6.5C5.94772 5 5.5 5.44772 5.5 6V10C5.5 10.5523 5.94772 11 6.5 11H9.9C10.4523 11 10.9 10.5523 10.9 10V6C10.9 5.44772 10.4523 5 9.9 5Z' stroke='none' strokeLinecap='round' />
36
+ <rect x='6.40002' y='7.70001' width='0.9' height='0.9' rx='0.45' fill='none' className={filledClassName} />
37
+ <rect x='6.40002' y='6.02014' width='0.9' height='0.9' rx='0.45' fill='none' className={filledClassName} />
38
+ <path d='M7.90002 6.5H9.50012' stroke='none' strokeLinecap='round' />
39
+ <path d='M7.90002 8.15002H9.50012' stroke='none' strokeLinecap='round' />
40
+ <path d='M7.90002 9.5H8.50002' stroke='none' strokeLinecap='round' />
41
+ <rect x='6.40002' y='9.04999' width='0.9' height='0.9' rx='0.45' fill='none' className={filledClassName} />
42
+ </svg>
43
+ )
44
+ break
45
+ case MEDIUM:
46
+ icon = (
47
+ <svg
48
+ width={24}
49
+ height={24}
50
+ viewBox='0 0 24 24'
51
+ fill='none'
52
+ xmlns='http://www.w3.org/2000/svg'
53
+ className={className}
54
+ >
55
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
56
+ <path d='M8.25 9.75L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
57
+ <path d='M15.35 7.5H9.25C8.69772 7.5 8.25 7.94772 8.25 8.5V15.5C8.25 16.0523 8.69772 16.5 9.25 16.5H15.35C15.9023 16.5 16.35 16.0523 16.35 15.5V8.5C16.35 7.94772 15.9023 7.5 15.35 7.5Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
58
+ <rect x='9.6001' y='11.55' width='1.35' height='1.35' rx='0.675' fill='none' className={filledClassName} />
59
+ <rect x='9.6001' y='9.03015' width='1.35' height='1.35' rx='0.675' fill='none' className={filledClassName} />
60
+ <path d='M11.8501 9.75H14.2502' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
61
+ <path d='M11.8501 12.225H14.2502' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
62
+ <path d='M11.8501 14.25H12.7501' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
63
+ <rect x='9.6001' y='13.575' width='1.35' height='1.35' rx='0.675' fill='none' className={filledClassName} />
64
+
65
+ </svg>
66
+ )
67
+ break
68
+ case LARGE:
69
+ icon = (
70
+ <svg
71
+ width={40}
72
+ height={40}
73
+ viewBox='0 0 40 40'
74
+ fill='none'
75
+ xmlns='http://www.w3.org/2000/svg'
76
+ className={className}
77
+ >
78
+ <path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V27.4999' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
79
+ <path d='M13.75 16.25L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
80
+ <path d='M26.25 12.5H14.75C14.1977 12.5 13.75 12.9477 13.75 13.5V26.5C13.75 27.0523 14.1977 27.5 14.75 27.5H26.25C26.8023 27.5 27.25 27.0523 27.25 26.5V13.5C27.25 12.9477 26.8023 12.5 26.25 12.5Z' stroke='none' strokeWidth={2} strokeLinecap='round' />
81
+ <rect x='16' y='19.25' width='2.25' height='2.25' rx='1.125' fill='none' className={filledClassName} />
82
+ <rect x='16' y='15.0503' width='2.25' height='2.25' rx='1.125' fill='none' className={filledClassName} />
83
+ <path d='M19.75 16.25H23.7502' stroke='none' strokeWidth={2} strokeLinecap='round' />
84
+ <path d='M19.75 20.375H23.7502' stroke='none' strokeWidth={2} strokeLinecap='round' />
85
+ <path d='M19.75 23.75H21.25' stroke='none' strokeWidth={2} strokeLinecap='round' />
86
+ <rect x='16' y='22.625' width='2.25' height='2.25' rx='1.125' fill='none' className={filledClassName} />
89
87
  </svg>
90
88
  )
91
89
  break
package/src/components/icons/AppMissingIcon.jsx ADDED
@@ -0,0 +1,97 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, MEDIUM, LARGE, MAIN_DARK_BLUE, SMALL } from '../constants'
5
+
6
+ const AppMissingIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+ const filledClassName = styles[`filled-${color}`]
21
+
22
+ switch (size) {
23
+ case SMALL:
24
+ icon = (
25
+ <svg
26
+ width={16}
27
+ height={16}
28
+ viewBox='0 0 16 16'
29
+ fill='none'
30
+ xmlns='http://www.w3.org/2000/svg'
31
+ className={className}
32
+ >
33
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V12' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M5.5 6.5L2.5 4.85711L8 2L13.5 4.85711L11 6' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M7.38178 9.13685C7.32222 9.13685 7.27394 9.08858 7.27394 9.02902C7.27592 8.659 7.30661 8.36405 7.366 8.14415C7.42737 7.92425 7.51646 7.74664 7.63326 7.61132C7.75006 7.476 7.89062 7.35337 8.05494 7.24342C8.17768 7.15884 8.28755 7.0711 8.38456 6.98018C8.48156 6.88926 8.55877 6.78883 8.61618 6.67888C8.6736 6.56681 8.7023 6.44207 8.7023 6.30463C8.7023 6.15874 8.66964 6.03082 8.60431 5.92087C8.53898 5.81092 8.45088 5.72635 8.34001 5.66714C8.23113 5.60794 8.11037 5.57834 7.97773 5.57834C7.84905 5.57834 7.7273 5.609 7.61247 5.67031C7.49765 5.72952 7.40361 5.81832 7.33036 5.93673C7.19489 6.15181 7.01002 6.37123 6.75582 6.37123H6.62325C6.28142 6.37123 5.99261 6.08411 6.08896 5.75614C6.13592 5.59629 6.20129 5.45245 6.28508 5.32461C6.46523 5.04763 6.70379 4.84147 7.00074 4.70615C7.2977 4.56872 7.62534 4.5 7.98367 4.5C8.37763 4.5 8.72606 4.56977 9.02895 4.70932C9.33185 4.84676 9.56941 5.04657 9.74165 5.30875C9.91388 5.57094 10 5.88704 10 6.25706C10 6.50444 9.9614 6.72434 9.88419 6.91675C9.80896 7.10704 9.70304 7.27619 9.56644 7.4242C9.42984 7.57009 9.2685 7.70224 9.08241 7.82065C8.92601 7.92002 8.79733 8.02363 8.69636 8.13146C8.59738 8.2393 8.52314 8.36405 8.47365 8.50571C8.42613 8.64737 8.40139 8.82181 8.39941 9.02902C8.39941 9.08858 8.35113 9.13685 8.29157 9.13685H7.38178ZM7.86192 11.1667C7.66394 11.1667 7.49468 11.0927 7.35412 10.9447C7.21554 10.7945 7.14724 10.6148 7.14922 10.4055C7.14724 10.1983 7.21554 10.0207 7.35412 9.87266C7.49468 9.72465 7.66394 9.65065 7.86192 9.65065C8.04999 9.65065 8.21529 9.72465 8.35783 9.87266C8.50037 10.0207 8.57263 10.1983 8.57461 10.4055C8.57263 10.545 8.53799 10.673 8.47068 10.7892C8.40535 10.9034 8.31923 10.9954 8.21232 11.0652C8.10542 11.1328 7.98862 11.1667 7.86192 11.1667Z' fill='none' className={filledClassName} />
36
+ </svg>
37
+ )
38
+ break
39
+ case MEDIUM:
40
+ icon = (
41
+ <svg
42
+ width={24}
43
+ height={24}
44
+ viewBox='0 0 24 24'
45
+ fill='none'
46
+ xmlns='http://www.w3.org/2000/svg'
47
+ className={className}
48
+ >
49
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V18' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M8.25 9.75L3.75 7.28567L12 3L20.25 7.28567L16.5 9' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M11.0727 13.7053C10.9833 13.7053 10.9109 13.6329 10.9109 13.5435C10.9139 12.9885 10.9599 12.5461 11.049 12.2162C11.1411 11.8864 11.2747 11.62 11.4499 11.417C11.6251 11.214 11.8359 11.0301 12.0824 10.8651C12.2665 10.7383 12.4313 10.6066 12.5768 10.4703C12.7223 10.3339 12.8382 10.1832 12.9243 10.0183C13.0104 9.85022 13.0535 9.6631 13.0535 9.45695C13.0535 9.23811 13.0045 9.04623 12.9065 8.8813C12.8085 8.71638 12.6763 8.58952 12.51 8.50071C12.3467 8.41191 12.1656 8.36751 11.9666 8.36751C11.7736 8.36751 11.5909 8.41349 11.4187 8.50547C11.2465 8.59428 11.1054 8.72748 10.9955 8.90509C10.7923 9.22772 10.515 9.55685 10.1337 9.55685H9.93487C9.42213 9.55685 8.98892 9.12617 9.13344 8.63422C9.20388 8.39444 9.30194 8.17867 9.42762 7.98692C9.69785 7.57144 10.0557 7.26221 10.5011 7.05923C10.9465 6.85308 11.438 6.75 11.9755 6.75C12.5664 6.75 13.0891 6.85466 13.5434 7.06399C13.9978 7.27014 14.3541 7.56985 14.6125 7.96313C14.8708 8.35641 15 8.83056 15 9.38558C15 9.75666 14.9421 10.0865 14.8263 10.3751C14.7134 10.6606 14.5546 10.9143 14.3497 11.1363C14.1448 11.3551 13.9027 11.5534 13.6236 11.731C13.389 11.88 13.196 12.0354 13.0445 12.1972C12.8961 12.3589 12.7847 12.5461 12.7105 12.7586C12.6392 12.9711 12.6021 13.2327 12.5991 13.5435C12.5991 13.6329 12.5267 13.7053 12.4374 13.7053H11.0727ZM11.7929 16.75C11.4959 16.75 11.242 16.639 11.0312 16.417C10.8233 16.1918 10.7209 15.9222 10.7238 15.6082C10.7209 15.2974 10.8233 15.031 11.0312 14.809C11.242 14.587 11.4959 14.476 11.7929 14.476C12.075 14.476 12.3229 14.587 12.5367 14.809C12.7506 15.031 12.8589 15.2974 12.8619 15.6082C12.8589 15.8176 12.807 16.0094 12.706 16.1839C12.608 16.3551 12.4788 16.4931 12.3185 16.5978C12.1581 16.6993 11.9829 16.75 11.7929 16.75Z' fill='none' className={filledClassName} />
52
+ </svg>
53
+ )
54
+ break
55
+ case LARGE:
56
+ icon = (
57
+ <svg
58
+ width={40}
59
+ height={40}
60
+ viewBox='0 0 40 40'
61
+ fill='none'
62
+ xmlns='http://www.w3.org/2000/svg'
63
+ className={className}
64
+ >
65
+ <path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V29.9999' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
66
+ <path d='M13.75 16.25L6.25 12.1428L20 5L33.75 12.1428L27.5 15' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M18.4544 22.8421C18.3056 22.8421 18.1849 22.7214 18.1849 22.5725C18.1898 21.6475 18.2665 20.9101 18.415 20.3604C18.5684 19.8106 18.7911 19.3666 19.0831 19.0283C19.3752 18.69 19.7266 18.3834 20.1373 18.1085C20.4442 17.8971 20.7189 17.6777 20.9614 17.4504C21.2039 17.2231 21.3969 16.9721 21.5405 16.6972C21.684 16.417 21.7558 16.1052 21.7558 15.7616C21.7558 15.3968 21.6741 15.077 21.5108 14.8022C21.3474 14.5273 21.1272 14.3159 20.85 14.1679C20.5778 14.0198 20.2759 13.9458 19.9443 13.9458C19.6226 13.9458 19.3182 14.0225 19.0312 14.1758C18.7441 14.3238 18.509 14.5458 18.3259 14.8418C18.2955 14.8902 18.2673 14.9405 18.2415 14.9928C18.0031 15.4762 17.6016 15.9281 17.0626 15.9281H16.0237C15.4622 15.9281 14.9988 15.4626 15.0997 14.9103C15.2117 14.2971 15.416 13.7642 15.7127 13.3115C16.1631 12.6191 16.7595 12.1037 17.5019 11.7654C18.2442 11.4218 19.0634 11.25 19.9592 11.25C20.9441 11.25 21.8151 11.4244 22.5724 11.7733C23.3296 12.1169 23.9235 12.6164 24.3541 13.2719C24.7847 13.9273 25 14.7176 25 15.6426C25 16.2611 24.9035 16.8108 24.7105 17.2919C24.5224 17.7676 24.2576 18.1905 23.9161 18.5605C23.5746 18.9252 23.1712 19.2556 22.706 19.5516C22.315 19.8001 21.9933 20.0591 21.7409 20.3287C21.4934 20.5982 21.3078 20.9101 21.1841 21.2643C21.0653 21.6184 21.0035 22.0545 20.9985 22.5725C20.9985 22.7214 20.8778 22.8421 20.7289 22.8421H18.4544ZM19.6548 27.9167C19.1599 27.9167 18.7367 27.7317 18.3853 27.3616C18.0389 26.9863 17.8681 26.537 17.8731 26.0137C17.8681 25.4957 18.0389 25.0517 18.3853 24.6817C18.7367 24.3116 19.1599 24.1266 19.6548 24.1266C20.125 24.1266 20.5382 24.3116 20.8946 24.6817C21.2509 25.0517 21.4316 25.4957 21.4365 26.0137C21.4316 26.3626 21.345 26.6824 21.1767 26.9731C21.0134 27.2586 20.7981 27.4885 20.5308 27.6629C20.2635 27.8321 19.9715 27.9167 19.6548 27.9167Z' fill='none' className={filledClassName} />
68
+ </svg>
69
+ )
70
+ break
71
+
72
+ default:
73
+ break
74
+ }
75
+ return icon
76
+ }
77
+
78
+ AppMissingIcon.propTypes = {
79
+ /**
80
+ * color of text, icon and borders
81
+ */
82
+ color: PropTypes.oneOf(COLORS_ICON),
83
+ /**
84
+ * Size
85
+ */
86
+ size: PropTypes.oneOf(SIZES),
87
+ /**
88
+ * disabled
89
+ */
90
+ disabled: PropTypes.bool,
91
+ /**
92
+ * inactive
93
+ */
94
+ inactive: PropTypes.bool
95
+ }
96
+
97
+ export default AppMissingIcon
package/src/components/icons/AppSettingsIcon.jsx CHANGED
@@ -29,9 +29,11 @@ const AppSettingsIcon = ({
29
29
  xmlns='http://www.w3.org/2000/svg'
30
30
  className={className}
31
31
  >
32
- <path d='M10.5 7L13.5311 8.75V12.25L10.5 14L7.46891 12.25V8.75L10.5 7Z' stroke='none' strokeLinejoin='round' />
33
- <path d='M7.90415 7.04236C8.00356 6.787 8.03422 6.50135 7.97791 6.2125C7.81941 5.39937 7.03175 4.8687 6.21863 5.02721C5.4055 5.18571 4.87483 5.97337 5.03334 6.7865C5.16407 7.45712 5.72275 7.93561 6.37072 7.99381' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
- <path d='M10.7345 5.73592H10.2615C10.1582 5.73592 10.0636 5.67612 10.0202 5.58405L9.71125 4.92913C9.66588 4.83421 9.68326 4.72126 9.75566 4.64343L10.2113 4.15176C10.3049 4.05115 10.304 3.89644 10.2084 3.79677L9.35311 2.90645C9.24788 2.79635 9.07026 2.7973 8.966 2.9074L8.61171 3.28138C8.53835 3.35921 8.42443 3.38483 8.32404 3.34782L7.58651 3.07351C7.48321 3.03554 7.41467 2.93778 7.41467 2.82957V2.26102C7.41467 2.11675 7.29593 2 7.1492 2H5.8508C5.70406 2 5.58533 2.11675 5.58533 2.26102V2.82957C5.58533 2.93778 5.51679 3.03554 5.41349 3.07351L4.67596 3.34782C4.57557 3.38483 4.46165 3.35921 4.38829 3.28138L4.034 2.9074C3.92974 2.7973 3.75212 2.7973 3.64689 2.90645L2.79159 3.79677C2.69602 3.89549 2.69506 4.05115 2.78869 4.15176L3.24434 4.64343C3.31578 4.72126 3.33412 4.83326 3.28875 4.92913L2.97983 5.58405C2.93639 5.67707 2.84179 5.73592 2.7385 5.73592H2.26547C2.11874 5.73592 2 5.85267 2 5.99694V7.09608C2 7.24035 2.11874 7.3571 2.26547 7.3571H2.76166C2.87654 7.3571 2.97887 7.43018 3.01459 7.53744L3.26558 8.29393C3.29454 8.38315 3.2733 8.48091 3.20959 8.5502L2.80124 8.99346C2.70181 9.10167 2.71147 9.26967 2.82345 9.36553L3.76467 10.1752C3.87279 10.2682 4.0369 10.2597 4.1344 10.1562L4.46262 9.8088C4.53406 9.73191 4.64507 9.70534 4.7445 9.73951L5.4299 9.9749C5.53706 10.0119 5.60849 10.1106 5.60849 10.2217V10.739C5.60849 10.8833 5.72723 11 5.87397 11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
32
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M7.51571 8.76912C8.19944 9.03026 8.96185 8.69697 9.21861 8.02471C9.47537 7.35245 9.12924 6.59578 8.44551 6.33465C7.76179 6.07351 6.99938 6.40679 6.74262 7.07905C6.48586 7.75131 6.83199 8.50798 7.51571 8.76912Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M9.8408 4.67371L9.68302 5.08681C9.65299 5.16543 9.67566 5.25549 9.74018 5.31174L10.1999 5.71572C10.2626 5.77047 10.3525 5.78346 10.4274 5.74727L10.7886 5.57387C10.8949 5.5228 11.0242 5.5714 11.0701 5.6806L11.4445 6.56485C11.4863 6.66378 11.4441 6.77646 11.3481 6.82358L10.8806 7.05438C10.8064 7.09083 10.7624 7.16808 10.769 7.24964L10.8117 7.81122C10.8178 7.89017 10.8699 7.95988 10.945 7.98854L11.2887 8.11981C11.3953 8.16053 11.4491 8.2783 11.4091 8.38313L11.1041 9.18175C11.064 9.28658 10.9454 9.33845 10.8388 9.29773L10.4775 9.15977C10.3941 9.12789 10.2994 9.1526 10.2437 9.22061L9.85142 9.70062C9.80492 9.75714 9.79322 9.83407 9.82098 9.90236L9.99467 10.3377C10.0369 10.444 9.98326 10.5633 9.87529 10.6019L8.96673 10.929C8.86236 10.9666 8.74549 10.9148 8.70336 10.8126L8.56128 10.4691C8.53045 10.3941 8.45742 10.3433 8.3757 10.3405L7.81237 10.3214C7.72424 10.3185 7.64494 10.3704 7.61412 10.4511L7.47057 10.827C7.43053 10.9318 7.31186 10.9837 7.20525 10.943L6.29621 10.5958C6.1896 10.5551 6.13572 10.4373 6.17576 10.3325L6.31931 9.95659C6.35013 9.8759 6.32562 9.78436 6.25804 9.72772L5.82536 9.36649C5.76259 9.31407 5.67455 9.30257 5.60131 9.33861L5.26643 9.49993C5.16688 9.54805 5.04527 9.50872 4.99252 9.41113L4.53332 8.56166C4.47856 8.46093 4.51817 8.33618 4.62044 8.28515L5.04015 8.0764C5.10567 8.04374 5.14823 7.9786 5.15195 7.90573L5.17951 7.28643C5.18332 7.19859 5.12926 7.11709 5.04579 7.08521L4.68526 6.94751C4.57865 6.90679 4.52477 6.78901 4.56481 6.68419L4.86982 5.88557C4.90986 5.78074 5.02853 5.72887 5.13515 5.76959L5.47884 5.90085C5.55389 5.92952 5.63896 5.91301 5.69634 5.85748L6.10254 5.46735C6.16211 5.41028 6.17986 5.32382 6.14956 5.24744L5.95493 4.76375C5.91481 4.66467 5.95871 4.55183 6.05555 4.50663L6.92407 4.09709C7.03081 4.04698 7.15987 4.09627 7.20507 4.2052L7.35871 4.57524C7.39042 4.65215 7.46607 4.70238 7.54929 4.70335L8.1613 4.70871C8.24688 4.70979 8.32381 4.65777 8.35384 4.57915L8.51162 4.16605C8.55166 4.06123 8.67033 4.00935 8.77694 4.05007L9.72034 4.41038C9.82696 4.4511 9.88083 4.56888 9.8408 4.67371Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
36
+
35
37
  </svg>
36
38
  )
37
39
  break
@@ -45,9 +47,10 @@ const AppSettingsIcon = ({
45
47
  xmlns='http://www.w3.org/2000/svg'
46
48
  className={className}
47
49
  >
48
- <path d='M15.75 10.5L20.2966 13.125V18.375L15.75 21L11.2034 18.375V13.125L15.75 10.5Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
49
- <path d='M11.8564 10.5634C12.0055 10.1804 12.0515 9.75191 11.967 9.31862C11.7292 8.09894 10.5477 7.30293 9.32806 7.54069C8.10838 7.77845 7.31237 8.95994 7.55013 10.1796C7.74622 11.1856 8.58425 11.9033 9.5562 11.9906' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
- <path d='M16.1018 8.60388H15.3923C15.2373 8.60388 15.0954 8.51418 15.0302 8.37608L14.5669 7.39369C14.4988 7.25132 14.5249 7.08189 14.6335 6.96514L15.317 6.22764C15.4574 6.07672 15.456 5.84465 15.3126 5.69516L14.0297 4.35968C13.8718 4.19453 13.6054 4.19595 13.449 4.36111L12.9176 4.92206C12.8075 5.03881 12.6367 5.07725 12.4861 5.02173L11.3798 4.61026C11.2248 4.55331 11.122 4.40667 11.122 4.24436V3.39153C11.122 3.17512 10.9439 3 10.7238 3H8.7762C8.5561 3 8.37799 3.17512 8.37799 3.39153V4.24436C8.37799 4.40667 8.27518 4.55331 8.12024 4.61026L7.01394 5.02173C6.86335 5.07725 6.69248 5.03881 6.58243 4.92206L6.051 4.36111C5.89462 4.19595 5.62818 4.19595 5.47034 4.35968L4.18739 5.69516C4.04403 5.84323 4.04258 6.07672 4.18304 6.22764L4.86651 6.96514C4.97367 7.08189 5.00118 7.24989 4.93312 7.39369L4.46975 8.37608C4.40459 8.51561 4.26268 8.60388 4.10774 8.60388H3.39821C3.17811 8.60388 3 8.779 3 8.99541V10.6441C3 10.8605 3.17811 11.0356 3.39821 11.0356H4.1425C4.31481 11.0356 4.4683 11.1453 4.52188 11.3062L4.89837 12.4409C4.94181 12.5747 4.90995 12.7214 4.81438 12.8253L4.20187 13.4902C4.05272 13.6525 4.0672 13.9045 4.23517 14.0483L5.647 15.2628C5.80918 15.4023 6.05535 15.3895 6.2016 15.2343L6.69393 14.7132C6.80108 14.5979 6.96761 14.558 7.11675 14.6093L8.14486 14.9624C8.30559 15.0179 8.41274 15.1659 8.41274 15.3325V16.1085C8.41274 16.3249 8.59085 16.5 8.81095 16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <path d='M11.2736 13.1537C12.2992 13.5454 13.4428 13.0455 13.8279 12.0371C14.213 11.0287 13.6939 9.89368 12.6683 9.50197C11.6427 9.11026 10.4991 9.61019 10.1139 10.6186C9.72879 11.627 10.248 12.762 11.2736 13.1537Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
+ <path d='M14.7612 7.01056L14.5245 7.63022C14.4795 7.74815 14.5135 7.88323 14.6103 7.9676L15.2999 8.57357C15.3939 8.65571 15.5287 8.6752 15.6411 8.62091L16.1829 8.3608C16.3424 8.2842 16.5363 8.3571 16.6052 8.5209L17.1668 9.84727C17.2294 9.99567 17.1661 10.1647 17.0222 10.2354L16.3209 10.5816C16.2096 10.6363 16.1436 10.7521 16.1536 10.8745L16.2176 11.7168C16.2266 11.8353 16.3049 11.9398 16.4174 11.9828L16.933 12.1797C17.0929 12.2408 17.1737 12.4175 17.1137 12.5747L16.6561 13.7726C16.5961 13.9299 16.4181 14.0077 16.2581 13.9466L15.7163 13.7397C15.5911 13.6918 15.4492 13.7289 15.3656 13.8309L14.7771 14.5509C14.7074 14.6357 14.6898 14.7511 14.7315 14.8535L14.992 15.5066C15.0553 15.6659 14.9749 15.845 14.8129 15.9029L13.4501 16.3935C13.2935 16.4499 13.1182 16.3723 13.055 16.2189L12.8419 15.7037C12.7957 15.5912 12.6861 15.515 12.5635 15.5108L11.7186 15.4821C11.5864 15.4778 11.4674 15.5557 11.4212 15.6767L11.2059 16.2405C11.1458 16.3977 10.9678 16.4755 10.8079 16.4145L9.44432 15.8937C9.2844 15.8326 9.20359 15.6559 9.26364 15.4987L9.47897 14.9349C9.5252 14.8139 9.48843 14.6765 9.38705 14.5916L8.73803 14.0497C8.64389 13.9711 8.51183 13.9539 8.40197 14.0079L7.89964 14.2499C7.75031 14.3221 7.5679 14.2631 7.48878 14.1167L6.79998 12.8425C6.71784 12.6914 6.77725 12.5043 6.93066 12.4277L7.56022 12.1146C7.65851 12.0656 7.72235 11.9679 7.72792 11.8586L7.76927 10.9296C7.77499 10.7979 7.69388 10.6756 7.56868 10.6278L7.02789 10.4213C6.86797 10.3602 6.78716 10.1835 6.84721 10.0263L7.30474 8.82835C7.36479 8.67111 7.5428 8.5933 7.70272 8.65438L8.21826 8.85128C8.33084 8.89428 8.45844 8.86952 8.54451 8.78622L9.15381 8.20102C9.24316 8.11543 9.26979 7.98572 9.22433 7.87116L8.9324 7.14563C8.87222 6.997 8.93807 6.82775 9.08332 6.75994L10.3861 6.14563C10.5462 6.07047 10.7398 6.14441 10.8076 6.3078L11.0381 6.86286C11.0856 6.97823 11.1991 7.05358 11.3239 7.05502L12.2419 7.06306C12.3703 7.06468 12.4857 6.98666 12.5308 6.86873L12.7674 6.24908C12.8275 6.09184 13.0055 6.01402 13.1654 6.0751L14.5805 6.61558C14.7404 6.67666 14.8213 6.85332 14.7612 7.01056Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
54
  </svg>
52
55
  )
53
56
  break
@@ -61,9 +64,10 @@ const AppSettingsIcon = ({
61
64
  xmlns='http://www.w3.org/2000/svg'
62
65
  className={className}
63
66
  >
64
- <path d='M26.25 17.5L33.8277 21.875V30.625L26.25 35L18.6723 30.625V21.875L26.25 17.5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
65
- <path d='M19.7605 17.6058C20.009 16.9674 20.0857 16.2533 19.9449 15.5311C19.5486 13.4983 17.5795 12.1716 15.5467 12.5679C13.5139 12.9642 12.1872 14.9333 12.5835 16.9661C12.9103 18.6427 14.307 19.8389 15.9269 19.9844' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
66
- <path d='M26.8363 14.3398H25.6538C25.3955 14.3398 25.159 14.1903 25.0504 13.9601L24.2781 12.3228C24.1647 12.0855 24.2081 11.8032 24.3891 11.6086L25.5283 10.3794C25.7624 10.1279 25.7599 9.74109 25.521 9.49193L23.3828 7.26614C23.1197 6.99088 22.6756 6.99325 22.415 7.26851L21.5293 8.20344C21.3459 8.39802 21.0611 8.46209 20.8101 8.36954L18.9663 7.68377C18.708 7.58885 18.5367 7.34444 18.5367 7.07393V5.65255C18.5367 5.29187 18.2398 5 17.873 5H14.627C14.2602 5 13.9633 5.29187 13.9633 5.65255V7.07393C13.9633 7.34444 13.792 7.58885 13.5337 7.68377L11.6899 8.36954C11.4389 8.46209 11.1541 8.39802 10.9707 8.20344L10.085 7.26851C9.82436 6.99325 9.3803 6.99325 9.11724 7.26614L6.97898 9.49193C6.74005 9.73872 6.73764 10.1279 6.97174 10.3794L8.11085 11.6086C8.28945 11.8032 8.3353 12.0832 8.22187 12.3228L7.44959 13.9601C7.34098 14.1927 7.10447 14.3398 6.84624 14.3398H5.66368C5.29685 14.3398 5 14.6317 5 14.9924V17.7402C5 18.1009 5.29685 18.3927 5.66368 18.3927H6.90416C7.19135 18.3927 7.44717 18.5755 7.53647 18.8436L8.16395 20.7348C8.23635 20.9579 8.18326 21.2023 8.02397 21.3755L7.00311 22.4837C6.75453 22.7542 6.77867 23.1742 7.05862 23.4138L9.41167 25.4379C9.68197 25.6705 10.0922 25.6491 10.336 25.3905L11.1565 24.522C11.3351 24.3298 11.6127 24.2633 11.8613 24.3488L13.5748 24.9373C13.8426 25.0298 14.0212 25.2766 14.0212 25.5542V26.8474C14.0212 27.2081 14.3181 27.5 14.6849 27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M18.7893 21.9228C20.4986 22.5756 22.4046 21.7424 23.0465 20.0618C23.6884 18.3811 22.8231 16.4895 21.1138 15.8366C19.4045 15.1838 17.4984 16.017 16.8565 17.6976C16.2146 19.3783 17.08 21.27 18.7893 21.9228Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
+ <path d='M24.602 11.6843L24.2076 12.717C24.1325 12.9136 24.1892 13.1387 24.3504 13.2793L25.4998 14.2893C25.6565 14.4262 25.8812 14.4587 26.0685 14.3682L26.9715 13.9347C27.2373 13.807 27.5606 13.9285 27.6753 14.2015L28.6113 16.4121C28.7157 16.6595 28.6101 16.9412 28.3703 17.059L27.2015 17.6359C27.016 17.7271 26.906 17.9202 26.9226 18.1241L27.0294 19.5281C27.0444 19.7254 27.1748 19.8997 27.3624 19.9714L28.2216 20.2995C28.4882 20.4013 28.6229 20.6958 28.5228 20.9578L27.7602 22.9544C27.6601 23.2164 27.3634 23.3461 27.0969 23.2443L26.1938 22.8994C25.9852 22.8197 25.7486 22.8815 25.6093 23.0515L24.6286 24.2515C24.5123 24.3928 24.483 24.5852 24.5525 24.7559L24.9867 25.8444C25.0922 26.1099 24.9581 26.4084 24.6882 26.5048L22.4168 27.3225C22.1559 27.4165 21.8637 27.2871 21.7584 27.0315L21.4032 26.1728C21.3261 25.9853 21.1436 25.8583 20.9392 25.8514L19.5309 25.8034C19.3106 25.7963 19.1124 25.9261 19.0353 26.1278L18.6764 27.0675C18.5763 27.3295 18.2797 27.4592 18.0131 27.3574L15.7405 26.4894C15.474 26.3876 15.3393 26.0932 15.4394 25.8311L15.7983 24.8915C15.8753 24.6898 15.8141 24.4609 15.6451 24.3193L14.5634 23.4162C14.4065 23.2852 14.1864 23.2564 14.0033 23.3465L13.1661 23.7498C12.9172 23.8701 12.6132 23.7718 12.4813 23.5278L11.3333 21.4041C11.1964 21.1523 11.2954 20.8404 11.5511 20.7129L12.6004 20.191C12.7642 20.1093 12.8706 19.9465 12.8799 19.7643L12.9488 18.2161C12.9583 17.9965 12.8231 17.7927 12.6145 17.713L11.7132 17.3688C11.4466 17.267 11.3119 16.9725 11.412 16.7105L12.1746 14.7139C12.2747 14.4519 12.5713 14.3222 12.8379 14.424L13.6971 14.7521C13.8847 14.8238 14.0974 14.7825 14.2408 14.6437L15.2563 13.6684C15.4053 13.5257 15.4497 13.3095 15.3739 13.1186L14.8873 11.9094C14.787 11.6617 14.8968 11.3796 15.1389 11.2666L17.3102 10.2427C17.577 10.1174 17.8997 10.2407 18.0127 10.513L18.3968 11.4381C18.476 11.6304 18.6652 11.756 18.8732 11.7584L20.4032 11.7718C20.6172 11.7745 20.8095 11.6444 20.8846 11.4479L21.279 10.4151C21.3791 10.1531 21.6758 10.0234 21.9424 10.1252L24.3009 11.026C24.5674 11.1278 24.7021 11.4222 24.602 11.6843Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
71
  </svg>
68
72
  )
69
73
  break
package/src/components/icons/{StoppedAppIcon.jsx → AppStoppedIcon.jsx} RENAMED
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
3
3
  import styles from './Icons.module.css'
4
4
  import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
5
 
6
- const StoppedAppIcon = ({
6
+ const AppStoppedIcon = ({
7
7
  color = MAIN_DARK_BLUE,
8
8
  size = MEDIUM,
9
9
  disabled = false,
@@ -30,10 +30,10 @@ const StoppedAppIcon = ({
30
30
  xmlns='http://www.w3.org/2000/svg'
31
31
  className={className}
32
32
  >
33
- <path d='M10.5 7L13.5311 8.75V12.25L10.5 14L7.46891 12.25V8.75L10.5 7Z' stroke='none' strokeLinejoin='round' />
34
- <path d='M10 5.35553C9.67562 3.45026 8.0211 2 6.02882 2C3.80376 2 2 3.80895 2 6.04041C2 7.99513 3.38411 9.62564 5.22306 10' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
- <rect x='5' y='5' width='2' height='2' fill='none' className={filledClassName} stroke='none' strokeLinejoin='round' />
36
-
33
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
+ <circle cx='8' cy='7.5' r='3.5' stroke='none' />
36
+ <rect x='6.5' y='6' width='3' height='3' rx='1' fill='none' className={filledClassName} />
37
37
  </svg>
38
38
  )
39
39
  break
@@ -47,10 +47,10 @@ const StoppedAppIcon = ({
47
47
  xmlns='http://www.w3.org/2000/svg'
48
48
  className={className}
49
49
  >
50
- <path d='M15.75 10.5L20.2966 13.125V18.375L15.75 21L11.2034 18.375V13.125L15.75 10.5Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
51
- <path d='M15 8.03329C14.5134 5.17539 12.0316 3 9.04323 3C5.70565 3 3 5.71343 3 9.06062C3 11.9927 5.07616 14.4385 7.83459 15' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
- <rect x='7.5' y='7.5' width='3' height='3' fill='none' className={filledClassName} stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
53
-
50
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <circle cx='12' cy='11.25' r='5.25' stroke='none' strokeWidth={1.5} />
53
+ <rect x='9.75' y='9' width='4.5' height='4.5' rx='1' fill='none' className={filledClassName} />
54
54
  </svg>
55
55
  )
56
56
  break
@@ -64,10 +64,10 @@ const StoppedAppIcon = ({
64
64
  xmlns='http://www.w3.org/2000/svg'
65
65
  className={className}
66
66
  >
67
- <path d='M26.25 17.5L33.8277 21.875V30.625L26.25 35L18.6723 30.625V21.875L26.25 17.5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
68
- <path d='M25 13.3888C24.1891 8.62565 20.0527 5 15.0721 5C9.50941 5 5 9.52239 5 15.101C5 19.9878 8.46027 24.0641 13.0576 25' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
- <rect x='12.5' y='12.5' width='5' height='5' fill='none' className={filledClassName} stroke='none' strokeWidth={2} strokeLinejoin='round' />
70
-
67
+ <path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <circle cx='20' cy='18.75' r='8.75' stroke='none' strokeWidth={2} />
70
+ <rect x='16.25' y='15' width='7.5' height='7.5' rx='2' fill='none' className={filledClassName} />
71
71
  </svg>
72
72
  )
73
73
  break
@@ -78,7 +78,7 @@ const StoppedAppIcon = ({
78
78
  return icon
79
79
  }
80
80
 
81
- StoppedAppIcon.propTypes = {
81
+ AppStoppedIcon.propTypes = {
82
82
  /**
83
83
  * color of text, icon and borders
84
84
  */
@@ -97,4 +97,4 @@ StoppedAppIcon.propTypes = {
97
97
  inactive: PropTypes.bool
98
98
  }
99
99
 
100
- export default StoppedAppIcon
100
+ export default AppStoppedIcon
package/src/components/icons/CreateAppIcon.jsx CHANGED
@@ -29,9 +29,10 @@ const CreateAppIcon = ({
29
29
  xmlns='http://www.w3.org/2000/svg'
30
30
  className={className}
31
31
  >
32
- <path d='M10.5 7L13.5311 8.75V12.25L10.5 14L7.46891 12.25V8.75L10.5 7Z' stroke='none' strokeLinejoin='round' />
33
- <path d='M10 5.35553C9.67562 3.45026 8.0211 2 6.02882 2C3.80376 2 2 3.80895 2 6.04041C2 7.99513 3.38411 9.62564 5.22306 10M6.02882 4V8M4 6L8 6.04041' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
-
32
+ <path d='M2.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M8 6V9M6.5 7.5H9.5' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
35
+ <circle cx='8' cy='7.5' r='3.5' stroke='white' />
35
36
  </svg>
36
37
  )
37
38
  break
@@ -45,8 +46,11 @@ const CreateAppIcon = ({
45
46
  xmlns='http://www.w3.org/2000/svg'
46
47
  className={className}
47
48
  >
48
- <path d='M15.75 10.5L20.2966 13.125V18.375L15.75 21L11.2034 18.375V13.125L15.75 10.5Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
49
- <path d='M15 8.03329C14.5134 5.17539 12.0316 3 9.04323 3C5.70565 3 3 5.71343 3 9.06062C3 11.9927 5.07616 14.4385 7.83459 15M9.04323 6V12M6 9L12 9.06062' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
49
+ <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M12 9V13.5M9.75 11.25H14.25' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <circle cx='12' cy='11.25' r='5.25' stroke='white' strokeWidth={1.5} />
53
+
50
54
  </svg>
51
55
  )
52
56
  break
@@ -60,8 +64,10 @@ const CreateAppIcon = ({
60
64
  xmlns='http://www.w3.org/2000/svg'
61
65
  className={className}
62
66
  >
63
- <path d='M26.25 17.5L33.8277 21.875V30.625L26.25 35L18.6723 30.625V21.875L26.25 17.5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
64
- <path d='M25 13.3888C24.1891 8.62565 20.0527 5 15.0721 5C9.50941 5 5 9.52239 5 15.101C5 19.9878 8.46027 24.0641 13.0576 25M15.0721 10V20M10 15L20 15.101' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M6.25 12.4999V27.1805L20 35M20 35L33.75 27.1805V12.4999M20 35V27.4999' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M20 15V22.5M16.25 18.75H23.75' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
+ <circle cx='20' cy='18.75' r='8.75' stroke='white' strokeWidth={2} />
65
71
 
66
72
  </svg>
67
73
  )