@platformatic/ui-components 0.2.6 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index-CcMC5HmW.js +40 -0
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/components/icons/AllAppsIcon.jsx +110 -0
- package/src/components/icons/AppConfigurationIcon.jsx +117 -0
- package/src/components/icons/AppDetailsIcon.jsx +99 -0
- package/src/components/icons/AppEditIcon.jsx +103 -0
- package/src/components/icons/AppSettingsIcon.jsx +97 -0
- package/src/components/icons/CodeTestingIcon.jsx +119 -0
- package/src/components/icons/CreateAppIcon.jsx +7 -18
- package/src/components/icons/ImportAppIcon.jsx +11 -15
- package/src/components/icons/RecentAppsIcon.jsx +26 -37
- package/src/components/icons/RunningAppIcon.jsx +103 -0
- package/src/components/icons/StoppedAppIcon.jsx +12 -18
- package/src/components/icons/index.js +14 -2
- package/dist/assets/index-CYL6XgVn.js +0 -40
- package/src/components/icons/CreatingAppIcon.jsx +0 -110
package/dist/index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>Platformatic UI Components</title>
|
|
7
|
-
<script type="module" crossorigin src="/assets/index-
|
|
7
|
+
<script type="module" crossorigin src="/assets/index-CcMC5HmW.js"></script>
|
|
8
8
|
<link rel="stylesheet" crossorigin href="/assets/index-C-rgNKxt.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
package/package.json
CHANGED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const AllAppsIcon = ({ color, size, disabled, inactive }) => {
|
|
7
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
8
|
+
if (disabled) {
|
|
9
|
+
className += ` ${styles.iconDisabled}`
|
|
10
|
+
}
|
|
11
|
+
if (inactive) {
|
|
12
|
+
className += ` ${styles.iconInactive}`
|
|
13
|
+
}
|
|
14
|
+
let icon = <></>
|
|
15
|
+
|
|
16
|
+
switch (size) {
|
|
17
|
+
case SMALL:
|
|
18
|
+
icon = (
|
|
19
|
+
<svg
|
|
20
|
+
width={16}
|
|
21
|
+
height={16}
|
|
22
|
+
viewBox='0 0 16 16'
|
|
23
|
+
fill='none'
|
|
24
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
25
|
+
className={className}
|
|
26
|
+
>
|
|
27
|
+
<path d='M5 2L6.73205 3V5L5 6L3.26795 5V3L5 2Z' stroke='none' strokeLinejoin='round' />
|
|
28
|
+
<path d='M5 10L6.73205 11V13L5 14L3.26795 13V11L5 10Z' stroke='none' strokeLinejoin='round' />
|
|
29
|
+
<path d='M8 6L9.73205 7V9L8 10L6.26795 9V7L8 6Z' stroke='none' strokeLinejoin='round' />
|
|
30
|
+
<path d='M2 6L3.73205 7V9L2 10' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
31
|
+
<path d='M13.7319 6L11.9999 7V9L13.7319 10' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
32
|
+
<path d='M11 2L12.7321 3V5L11 6L9.26795 5V3L11 2Z' stroke='none' strokeLinejoin='round' />
|
|
33
|
+
<path d='M11 10L12.7321 11V13L11 14L9.26795 13V11L11 10Z' stroke='none' strokeLinejoin='round' />
|
|
34
|
+
</svg>
|
|
35
|
+
)
|
|
36
|
+
break
|
|
37
|
+
case MEDIUM:
|
|
38
|
+
icon = (
|
|
39
|
+
<svg
|
|
40
|
+
width={24}
|
|
41
|
+
height={24}
|
|
42
|
+
viewBox='0 0 24 24'
|
|
43
|
+
fill='none'
|
|
44
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
45
|
+
className={className}
|
|
46
|
+
>
|
|
47
|
+
<path d='M7.5 3L10.0981 4.5V7.5L7.5 9L4.90192 7.5V4.5L7.5 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
48
|
+
<path d='M7.5 15L10.0981 16.5V19.5L7.5 21L4.90192 19.5V16.5L7.5 15Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
49
|
+
<path d='M12 9L14.5981 10.5V13.5L12 15L9.40192 13.5V10.5L12 9Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
50
|
+
<path d='M3 9L5.59808 10.5V13.5L3 15' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
51
|
+
<path d='M20.5977 9L17.9996 10.5V13.5L20.5977 15' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
52
|
+
<path d='M16.5 3L19.0981 4.5V7.5L16.5 9L13.9019 7.5V4.5L16.5 3Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
53
|
+
<path d='M16.5 15L19.0981 16.5V19.5L16.5 21L13.9019 19.5V16.5L16.5 15Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
54
|
+
|
|
55
|
+
</svg>
|
|
56
|
+
)
|
|
57
|
+
break
|
|
58
|
+
case LARGE:
|
|
59
|
+
icon = (
|
|
60
|
+
<svg
|
|
61
|
+
width={40}
|
|
62
|
+
height={40}
|
|
63
|
+
viewBox='0 0 40 40'
|
|
64
|
+
fill='none'
|
|
65
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
66
|
+
className={className}
|
|
67
|
+
>
|
|
68
|
+
<path d='M12.5 5L16.8301 7.5V12.5L12.5 15L8.16987 12.5V7.5L12.5 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
69
|
+
<path d='M12.5 25L16.8301 27.5V32.5L12.5 35L8.16987 32.5V27.5L12.5 25Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
70
|
+
<path d='M20 15L24.3301 17.5V22.5L20 25L15.6699 22.5V17.5L20 15Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
71
|
+
<path d='M5 15L9.33013 17.5V22.5L5 25' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
72
|
+
<path d='M34.3301 15L30 17.5V22.5L34.3301 25' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
73
|
+
<path d='M27.5 5L31.8301 7.5V12.5L27.5 15L23.1699 12.5V7.5L27.5 5Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
74
|
+
<path d='M27.5 25L31.8301 27.5V32.5L27.5 35L23.1699 32.5V27.5L27.5 25Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
75
|
+
</svg>
|
|
76
|
+
)
|
|
77
|
+
break
|
|
78
|
+
|
|
79
|
+
default:
|
|
80
|
+
break
|
|
81
|
+
}
|
|
82
|
+
return icon
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
AllAppsIcon.propTypes = {
|
|
86
|
+
/**
|
|
87
|
+
* color of text, icon and borders
|
|
88
|
+
*/
|
|
89
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
90
|
+
/**
|
|
91
|
+
* Size
|
|
92
|
+
*/
|
|
93
|
+
size: PropTypes.oneOf(SIZES),
|
|
94
|
+
/**
|
|
95
|
+
* disabled
|
|
96
|
+
*/
|
|
97
|
+
disabled: PropTypes.bool,
|
|
98
|
+
/**
|
|
99
|
+
* inactive
|
|
100
|
+
*/
|
|
101
|
+
inactive: PropTypes.bool
|
|
102
|
+
}
|
|
103
|
+
AllAppsIcon.defaultProps = {
|
|
104
|
+
color: MAIN_DARK_BLUE,
|
|
105
|
+
size: MEDIUM,
|
|
106
|
+
disabled: false,
|
|
107
|
+
inactive: false
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
export default AllAppsIcon
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const AppConfigurationIcon = ({ color, size, disabled, inactive }) => {
|
|
7
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
8
|
+
if (disabled) {
|
|
9
|
+
className += ` ${styles.iconDisabled}`
|
|
10
|
+
}
|
|
11
|
+
if (inactive) {
|
|
12
|
+
className += ` ${styles.iconInactive}`
|
|
13
|
+
}
|
|
14
|
+
let icon = <></>
|
|
15
|
+
const filledClassName = styles[`filled-${color}`]
|
|
16
|
+
|
|
17
|
+
switch (size) {
|
|
18
|
+
case SMALL:
|
|
19
|
+
icon = (
|
|
20
|
+
<svg
|
|
21
|
+
width={16}
|
|
22
|
+
height={16}
|
|
23
|
+
viewBox='0 0 16 16'
|
|
24
|
+
fill='none'
|
|
25
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
26
|
+
className={className}
|
|
27
|
+
>
|
|
28
|
+
<path d='M10.5 7L13.5311 8.75V12.25L10.5 14L7.46891 12.25V8.75L10.5 7Z' stroke='none' strokeLinejoin='round' />
|
|
29
|
+
<path d='M11 5.5V3C11 2.44772 10.5523 2 10 2H3C2.44772 2 2 2.44772 2 3V10C2 10.5523 2.44772 11 3 11H5.5' stroke='none' strokeLinecap='round' />
|
|
30
|
+
<path d='M2 4.25H11' stroke='none' />
|
|
31
|
+
<circle cx='3.125' cy='3.125' r='0.375' fill='none' className={filledClassName} />
|
|
32
|
+
<circle cx='4.25' cy='3.125' r='0.375' fill='none' className={filledClassName} />
|
|
33
|
+
<circle cx='5.375' cy='3.125' r='0.375' fill='none' className={filledClassName} />
|
|
34
|
+
<path d='M3.5 5.75H7.25' stroke='none' strokeLinecap='round' />
|
|
35
|
+
<path d='M4.25 7.25H7.5' stroke='none' strokeLinecap='round' />
|
|
36
|
+
<path d='M4.25 8.75H6' stroke='none' strokeLinecap='round' />
|
|
37
|
+
</svg>
|
|
38
|
+
)
|
|
39
|
+
break
|
|
40
|
+
case MEDIUM:
|
|
41
|
+
icon = (
|
|
42
|
+
<svg
|
|
43
|
+
width={24}
|
|
44
|
+
height={24}
|
|
45
|
+
viewBox='0 0 24 24'
|
|
46
|
+
fill='none'
|
|
47
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
48
|
+
className={className}
|
|
49
|
+
>
|
|
50
|
+
<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' />
|
|
51
|
+
<path d='M27.5 13.75V6C27.5 5.44772 27.0523 5 26.5 5H6C5.44772 5 5 5.44772 5 6V26.5C5 27.0523 5.44772 27.5 6 27.5H13.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
52
|
+
<path d='M5 10.625H27.5' stroke='none' strokeWidth={2} />
|
|
53
|
+
<circle cx='7.8125' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
|
|
54
|
+
<circle cx='10.625' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
|
|
55
|
+
<circle cx='13.4375' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
|
|
56
|
+
<path d='M8.75 14.375H18.125' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
57
|
+
<path d='M10.625 18.125H18.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
58
|
+
<path d='M10.625 21.875H15' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
59
|
+
|
|
60
|
+
</svg>
|
|
61
|
+
)
|
|
62
|
+
break
|
|
63
|
+
case LARGE:
|
|
64
|
+
icon = (
|
|
65
|
+
<svg
|
|
66
|
+
width={40}
|
|
67
|
+
height={40}
|
|
68
|
+
viewBox='0 0 40 40'
|
|
69
|
+
fill='none'
|
|
70
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
71
|
+
className={className}
|
|
72
|
+
>
|
|
73
|
+
<path d='M26.25 17.5L33.8277 21.875V30.625L26.25 35L18.6723 30.625V21.875L26.25 17.5Z' stroke='white' strokeWidth={2} strokeLinejoin='round' />
|
|
74
|
+
<path d='M27.5 13.75V6C27.5 5.44772 27.0523 5 26.5 5H6C5.44772 5 5 5.44772 5 6V26.5C5 27.0523 5.44772 27.5 6 27.5H13.75' stroke='white' strokeWidth={2} strokeLinecap='round' />
|
|
75
|
+
<path d='M5 10.625H27.5' stroke='white' strokeWidth={2} />
|
|
76
|
+
<circle cx='7.8125' cy='7.8125' r='0.9375' fill='white' />
|
|
77
|
+
<circle cx='10.625' cy='7.8125' r='0.9375' fill='white' />
|
|
78
|
+
<circle cx='13.4375' cy='7.8125' r='0.9375' fill='white' />
|
|
79
|
+
<path d='M8.75 14.375H18.125' stroke='white' strokeWidth={2} strokeLinecap='round' />
|
|
80
|
+
<path d='M10.625 18.125H18.75' stroke='white' strokeWidth={2} strokeLinecap='round' />
|
|
81
|
+
<path d='M10.625 21.875H15' stroke='white' strokeWidth={2} strokeLinecap='round' />
|
|
82
|
+
</svg>
|
|
83
|
+
)
|
|
84
|
+
break
|
|
85
|
+
|
|
86
|
+
default:
|
|
87
|
+
break
|
|
88
|
+
}
|
|
89
|
+
return icon
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
AppConfigurationIcon.propTypes = {
|
|
93
|
+
/**
|
|
94
|
+
* color of text, icon and borders
|
|
95
|
+
*/
|
|
96
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
97
|
+
/**
|
|
98
|
+
* Size
|
|
99
|
+
*/
|
|
100
|
+
size: PropTypes.oneOf(SIZES),
|
|
101
|
+
/**
|
|
102
|
+
* disabled
|
|
103
|
+
*/
|
|
104
|
+
disabled: PropTypes.bool,
|
|
105
|
+
/**
|
|
106
|
+
* inactive
|
|
107
|
+
*/
|
|
108
|
+
inactive: PropTypes.bool
|
|
109
|
+
}
|
|
110
|
+
AppConfigurationIcon.defaultProps = {
|
|
111
|
+
color: MAIN_DARK_BLUE,
|
|
112
|
+
size: MEDIUM,
|
|
113
|
+
disabled: false,
|
|
114
|
+
inactive: false
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
export default AppConfigurationIcon
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const AppDetailsIcon = ({ color, size, disabled, inactive }) => {
|
|
7
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
8
|
+
if (disabled) {
|
|
9
|
+
className += ` ${styles.iconDisabled}`
|
|
10
|
+
}
|
|
11
|
+
if (inactive) {
|
|
12
|
+
className += ` ${styles.iconInactive}`
|
|
13
|
+
}
|
|
14
|
+
let icon = <></>
|
|
15
|
+
|
|
16
|
+
switch (size) {
|
|
17
|
+
case SMALL:
|
|
18
|
+
icon = (
|
|
19
|
+
<svg
|
|
20
|
+
width={16}
|
|
21
|
+
height={16}
|
|
22
|
+
viewBox='0 0 16 16'
|
|
23
|
+
fill='none'
|
|
24
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
25
|
+
className={className}
|
|
26
|
+
>
|
|
27
|
+
<path d='M10.6603 6V4.5L6.33013 2L2 4.5V9.5L5.33008 11.4226' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
28
|
+
<circle cx='9.24675' cy='9.91667' r='2.91667' stroke='none' />
|
|
29
|
+
<path d='M13.3301 14L11.5801 12.25' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
30
|
+
</svg>
|
|
31
|
+
)
|
|
32
|
+
break
|
|
33
|
+
case MEDIUM:
|
|
34
|
+
icon = (
|
|
35
|
+
<svg
|
|
36
|
+
width={24}
|
|
37
|
+
height={24}
|
|
38
|
+
viewBox='0 0 24 24'
|
|
39
|
+
fill='none'
|
|
40
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
41
|
+
className={className}
|
|
42
|
+
>
|
|
43
|
+
<path d='M15.9904 9V6.75L9.49519 3L3 6.75V14.25L7.99512 17.1339' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
44
|
+
<circle cx='13.8701' cy='14.875' r='4.375' stroke='none' strokeWidth={1.5} />
|
|
45
|
+
<path d='M19.9951 21L17.3701 18.375' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
46
|
+
|
|
47
|
+
</svg>
|
|
48
|
+
)
|
|
49
|
+
break
|
|
50
|
+
case LARGE:
|
|
51
|
+
icon = (
|
|
52
|
+
<svg
|
|
53
|
+
width={40}
|
|
54
|
+
height={40}
|
|
55
|
+
viewBox='0 0 40 40'
|
|
56
|
+
fill='none'
|
|
57
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
58
|
+
className={className}
|
|
59
|
+
>
|
|
60
|
+
<path d='M26.6506 15V11.25L15.8253 5L5 11.25V23.75L13.3252 28.5566' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
61
|
+
<circle cx='23.1169' cy='24.7917' r='7.29167' stroke='none' strokeWidth={2} />
|
|
62
|
+
<path d='M33.3252 35L28.9502 30.625' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
63
|
+
|
|
64
|
+
</svg>
|
|
65
|
+
)
|
|
66
|
+
break
|
|
67
|
+
|
|
68
|
+
default:
|
|
69
|
+
break
|
|
70
|
+
}
|
|
71
|
+
return icon
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
AppDetailsIcon.propTypes = {
|
|
75
|
+
/**
|
|
76
|
+
* color of text, icon and borders
|
|
77
|
+
*/
|
|
78
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
79
|
+
/**
|
|
80
|
+
* Size
|
|
81
|
+
*/
|
|
82
|
+
size: PropTypes.oneOf(SIZES),
|
|
83
|
+
/**
|
|
84
|
+
* disabled
|
|
85
|
+
*/
|
|
86
|
+
disabled: PropTypes.bool,
|
|
87
|
+
/**
|
|
88
|
+
* inactive
|
|
89
|
+
*/
|
|
90
|
+
inactive: PropTypes.bool
|
|
91
|
+
}
|
|
92
|
+
AppDetailsIcon.defaultProps = {
|
|
93
|
+
color: MAIN_DARK_BLUE,
|
|
94
|
+
size: MEDIUM,
|
|
95
|
+
disabled: false,
|
|
96
|
+
inactive: false
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export default AppDetailsIcon
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const AppEditIcon = ({ color, size, disabled, inactive }) => {
|
|
7
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
8
|
+
if (disabled) {
|
|
9
|
+
className += ` ${styles.iconDisabled}`
|
|
10
|
+
}
|
|
11
|
+
if (inactive) {
|
|
12
|
+
className += ` ${styles.iconInactive}`
|
|
13
|
+
}
|
|
14
|
+
let icon = <></>
|
|
15
|
+
|
|
16
|
+
switch (size) {
|
|
17
|
+
case SMALL:
|
|
18
|
+
icon = (
|
|
19
|
+
<svg
|
|
20
|
+
width={16}
|
|
21
|
+
height={16}
|
|
22
|
+
viewBox='0 0 16 16'
|
|
23
|
+
fill='none'
|
|
24
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
25
|
+
className={className}
|
|
26
|
+
>
|
|
27
|
+
<path d='M10 4L6.33013 2L2 4.5V9.5L4 11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
28
|
+
<rect x='10.988' y='5.49731' width='2.11765' height='7.76471' transform='rotate(45 10.988 5.49731)' stroke='none' strokeLinejoin='round' />
|
|
29
|
+
<path d='M6.99496 12.4852L5.49756 10.9878L4.74886 13.2339L6.99496 12.4852Z' stroke='none' strokeLinejoin='round' />
|
|
30
|
+
<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' />
|
|
31
|
+
|
|
32
|
+
</svg>
|
|
33
|
+
)
|
|
34
|
+
break
|
|
35
|
+
case MEDIUM:
|
|
36
|
+
icon = (
|
|
37
|
+
<svg
|
|
38
|
+
width={24}
|
|
39
|
+
height={24}
|
|
40
|
+
viewBox='0 0 24 24'
|
|
41
|
+
fill='none'
|
|
42
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
43
|
+
className={className}
|
|
44
|
+
>
|
|
45
|
+
<path d='M15 6L9.49519 3L3 6.75V14.25L6 16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
46
|
+
<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' />
|
|
47
|
+
<path d='M10.4922 18.728L8.24609 16.4819L7.12304 19.8511L10.4922 18.728Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
|
|
48
|
+
<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} />
|
|
49
|
+
|
|
50
|
+
</svg>
|
|
51
|
+
)
|
|
52
|
+
break
|
|
53
|
+
case LARGE:
|
|
54
|
+
icon = (
|
|
55
|
+
<svg
|
|
56
|
+
width={40}
|
|
57
|
+
height={40}
|
|
58
|
+
viewBox='0 0 40 40'
|
|
59
|
+
fill='none'
|
|
60
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
61
|
+
className={className}
|
|
62
|
+
>
|
|
63
|
+
<path d='M25 10L15.8253 5L5 11.25V23.75L10 27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
64
|
+
<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' />
|
|
65
|
+
<path d='M17.4872 31.2132L13.7437 27.4697L11.8719 33.085L17.4872 31.2132Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
66
|
+
<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} />
|
|
67
|
+
|
|
68
|
+
</svg>
|
|
69
|
+
)
|
|
70
|
+
break
|
|
71
|
+
|
|
72
|
+
default:
|
|
73
|
+
break
|
|
74
|
+
}
|
|
75
|
+
return icon
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
AppEditIcon.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
|
+
AppEditIcon.defaultProps = {
|
|
97
|
+
color: MAIN_DARK_BLUE,
|
|
98
|
+
size: MEDIUM,
|
|
99
|
+
disabled: false,
|
|
100
|
+
inactive: false
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export default AppEditIcon
|
|
@@ -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, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const AppSettingsIcon = ({ color, size, disabled, inactive }) => {
|
|
7
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
8
|
+
if (disabled) {
|
|
9
|
+
className += ` ${styles.iconDisabled}`
|
|
10
|
+
}
|
|
11
|
+
if (inactive) {
|
|
12
|
+
className += ` ${styles.iconInactive}`
|
|
13
|
+
}
|
|
14
|
+
let icon = <></>
|
|
15
|
+
|
|
16
|
+
switch (size) {
|
|
17
|
+
case SMALL:
|
|
18
|
+
icon = (
|
|
19
|
+
<svg
|
|
20
|
+
width={16}
|
|
21
|
+
height={16}
|
|
22
|
+
viewBox='0 0 16 16'
|
|
23
|
+
fill='none'
|
|
24
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
25
|
+
className={className}
|
|
26
|
+
>
|
|
27
|
+
<path d='M10.5 7L13.5311 8.75V12.25L10.5 14L7.46891 12.25V8.75L10.5 7Z' stroke='none' strokeLinejoin='round' />
|
|
28
|
+
<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' />
|
|
29
|
+
<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' />
|
|
30
|
+
</svg>
|
|
31
|
+
)
|
|
32
|
+
break
|
|
33
|
+
case MEDIUM:
|
|
34
|
+
icon = (
|
|
35
|
+
<svg
|
|
36
|
+
width={24}
|
|
37
|
+
height={24}
|
|
38
|
+
viewBox='0 0 24 24'
|
|
39
|
+
fill='none'
|
|
40
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
41
|
+
className={className}
|
|
42
|
+
>
|
|
43
|
+
<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' />
|
|
44
|
+
<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' />
|
|
45
|
+
<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' />
|
|
46
|
+
</svg>
|
|
47
|
+
)
|
|
48
|
+
break
|
|
49
|
+
case LARGE:
|
|
50
|
+
icon = (
|
|
51
|
+
<svg
|
|
52
|
+
width={40}
|
|
53
|
+
height={40}
|
|
54
|
+
viewBox='0 0 40 40'
|
|
55
|
+
fill='none'
|
|
56
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
57
|
+
className={className}
|
|
58
|
+
>
|
|
59
|
+
<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' />
|
|
60
|
+
<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' />
|
|
61
|
+
<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' />
|
|
62
|
+
</svg>
|
|
63
|
+
)
|
|
64
|
+
break
|
|
65
|
+
|
|
66
|
+
default:
|
|
67
|
+
break
|
|
68
|
+
}
|
|
69
|
+
return icon
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
AppSettingsIcon.propTypes = {
|
|
73
|
+
/**
|
|
74
|
+
* color of text, icon and borders
|
|
75
|
+
*/
|
|
76
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
77
|
+
/**
|
|
78
|
+
* Size
|
|
79
|
+
*/
|
|
80
|
+
size: PropTypes.oneOf(SIZES),
|
|
81
|
+
/**
|
|
82
|
+
* disabled
|
|
83
|
+
*/
|
|
84
|
+
disabled: PropTypes.bool,
|
|
85
|
+
/**
|
|
86
|
+
* inactive
|
|
87
|
+
*/
|
|
88
|
+
inactive: PropTypes.bool
|
|
89
|
+
}
|
|
90
|
+
AppSettingsIcon.defaultProps = {
|
|
91
|
+
color: MAIN_DARK_BLUE,
|
|
92
|
+
size: MEDIUM,
|
|
93
|
+
disabled: false,
|
|
94
|
+
inactive: false
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export default AppSettingsIcon
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const CodeTestingIcon = ({ color, size, disabled, inactive }) => {
|
|
7
|
+
let className = `${styles.svgClassName} ` + styles[`${color}`]
|
|
8
|
+
if (disabled) {
|
|
9
|
+
className += ` ${styles.iconDisabled}`
|
|
10
|
+
}
|
|
11
|
+
if (inactive) {
|
|
12
|
+
className += ` ${styles.iconInactive}`
|
|
13
|
+
}
|
|
14
|
+
let icon = <></>
|
|
15
|
+
const filledClassName = styles[`filled-${color}`]
|
|
16
|
+
|
|
17
|
+
switch (size) {
|
|
18
|
+
case SMALL:
|
|
19
|
+
icon = (
|
|
20
|
+
<svg
|
|
21
|
+
width={16}
|
|
22
|
+
height={16}
|
|
23
|
+
viewBox='0 0 16 16'
|
|
24
|
+
fill='none'
|
|
25
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
26
|
+
className={className}
|
|
27
|
+
>
|
|
28
|
+
|
|
29
|
+
<path d='M6.5 11H3C2.44772 11 2 10.5523 2 10V3C2 2.44772 2.44772 2 3 2H10C10.5523 2 11 2.44772 11 3V5.5' stroke='none' strokeLinecap='round' />
|
|
30
|
+
<path d='M2 4.25H11' stroke='none' />
|
|
31
|
+
<circle cx='3.125' cy='3.125' r='0.375' fill='none' className={filledClassName} />
|
|
32
|
+
<circle cx='4.25' cy='3.125' r='0.375' fill='none' className={filledClassName} />
|
|
33
|
+
<circle cx='5.375' cy='3.125' r='0.375' fill='none' className={filledClassName} />
|
|
34
|
+
<path d='M3.5 5.75H7.25' stroke='none' strokeLinecap='round' />
|
|
35
|
+
<path d='M4.25 7.25H7.5' stroke='none' strokeLinecap='round' />
|
|
36
|
+
<path d='M4.25 8.75H6.5' stroke='none' strokeLinecap='round' />
|
|
37
|
+
<path d='M12.3639 11.6957C13.0262 11.2197 13.4545 10.4621 13.4545 9.6087C13.4545 8.16795 12.2335 7 10.7273 7C9.22104 7 8 8.16795 8 9.6087C8 11.0494 9.22104 12.2174 10.7273 12.2174C11.3414 12.2174 11.908 12.0233 12.3639 11.6957ZM12.3639 11.6957L14 13.7826' stroke='none' strokeLinecap='round' />
|
|
38
|
+
|
|
39
|
+
</svg>
|
|
40
|
+
)
|
|
41
|
+
break
|
|
42
|
+
case MEDIUM:
|
|
43
|
+
icon = (
|
|
44
|
+
<svg
|
|
45
|
+
width={24}
|
|
46
|
+
height={24}
|
|
47
|
+
viewBox='0 0 24 24'
|
|
48
|
+
fill='none'
|
|
49
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
50
|
+
className={className}
|
|
51
|
+
>
|
|
52
|
+
<path d='M9.75 16.5H4C3.44772 16.5 3 16.0523 3 15.5V4C3 3.44772 3.44772 3 4 3H15.5C16.0523 3 16.5 3.44772 16.5 4V8.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
53
|
+
<path d='M3 6.375H16.5' stroke='none' strokeWidth={1.5} />
|
|
54
|
+
<circle cx='4.6875' cy='4.6875' r='0.5625' fill='none' className={filledClassName} />
|
|
55
|
+
<circle cx='6.375' cy='4.6875' r='0.5625' fill='none' className={filledClassName} />
|
|
56
|
+
<circle cx='8.0625' cy='4.6875' r='0.5625' fill='none' className={filledClassName} />
|
|
57
|
+
<path d='M5.25 8.625H10.875' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
58
|
+
<path d='M6.375 10.875H11.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
59
|
+
<path d='M6.375 13.125H9.75' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
60
|
+
<path d='M18.5459 17.5435C19.5393 16.8296 20.1818 15.6931 20.1818 14.413C20.1818 12.2519 18.3503 10.5 16.0909 10.5C13.8316 10.5 12 12.2519 12 14.413C12 16.5742 13.8316 18.3261 16.0909 18.3261C17.012 18.3261 17.8621 18.0349 18.5459 17.5435ZM18.5459 17.5435L21 20.6739' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
61
|
+
|
|
62
|
+
</svg>
|
|
63
|
+
)
|
|
64
|
+
break
|
|
65
|
+
case LARGE:
|
|
66
|
+
icon = (
|
|
67
|
+
<svg
|
|
68
|
+
width={40}
|
|
69
|
+
height={40}
|
|
70
|
+
viewBox='0 0 40 40'
|
|
71
|
+
fill='none'
|
|
72
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
73
|
+
className={className}
|
|
74
|
+
>
|
|
75
|
+
<path d='M16.25 27.5H6C5.44772 27.5 5 27.0523 5 26.5V6C5 5.44772 5.44772 5 6 5H26.5C27.0523 5 27.5 5.44772 27.5 6V13.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
76
|
+
<path d='M5 10.625H27.5' stroke='none' strokeWidth={2} />
|
|
77
|
+
<circle cx='7.8125' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
|
|
78
|
+
<circle cx='10.625' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
|
|
79
|
+
<circle cx='13.4375' cy='7.8125' r='0.9375' fill='none' className={filledClassName} />
|
|
80
|
+
<path d='M8.75 14.375H18.125' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
81
|
+
<path d='M10.625 18.125H18.75' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
82
|
+
<path d='M10.625 21.875H16.25' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
83
|
+
<path d='M30.9098 29.2391C32.5654 28.0493 33.6364 26.1551 33.6364 24.0217C33.6364 20.4199 30.5838 17.5 26.8182 17.5C23.0526 17.5 20 20.4199 20 24.0217C20 27.6236 23.0526 30.5435 26.8182 30.5435C28.3534 30.5435 29.7701 30.0581 30.9098 29.2391ZM30.9098 29.2391L35 34.4565' stroke='none' strokeWidth={2} strokeLinecap='round' />
|
|
84
|
+
</svg>
|
|
85
|
+
)
|
|
86
|
+
break
|
|
87
|
+
|
|
88
|
+
default:
|
|
89
|
+
break
|
|
90
|
+
}
|
|
91
|
+
return icon
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
CodeTestingIcon.propTypes = {
|
|
95
|
+
/**
|
|
96
|
+
* color of text, icon and borders
|
|
97
|
+
*/
|
|
98
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
99
|
+
/**
|
|
100
|
+
* Size
|
|
101
|
+
*/
|
|
102
|
+
size: PropTypes.oneOf(SIZES),
|
|
103
|
+
/**
|
|
104
|
+
* disabled
|
|
105
|
+
*/
|
|
106
|
+
disabled: PropTypes.bool,
|
|
107
|
+
/**
|
|
108
|
+
* inactive
|
|
109
|
+
*/
|
|
110
|
+
inactive: PropTypes.bool
|
|
111
|
+
}
|
|
112
|
+
CodeTestingIcon.defaultProps = {
|
|
113
|
+
color: MAIN_DARK_BLUE,
|
|
114
|
+
size: MEDIUM,
|
|
115
|
+
disabled: false,
|
|
116
|
+
inactive: false
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
export default CodeTestingIcon
|