@platformatic/ui-components 0.1.72 → 0.1.73
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.ffe4afbc.js +40 -0
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/components/Sidebar.module.css +1 -1
- package/src/components/icons/AppEmptyIcon.jsx +14 -89
- package/src/components/icons/CircleGearIcon.jsx +84 -0
- package/src/components/icons/WorkspaceEmptyIcon.jsx +55 -0
- package/src/components/icons/index.js +5 -1
- package/dist/assets/index.89c1e740.js +0 -40
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.ffe4afbc.js"></script>
|
|
8
8
|
<link rel="stylesheet" href="/assets/index.a278d949.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
package/package.json
CHANGED
|
@@ -10,96 +10,21 @@ const AppEmptyIcon = ({ color, size }) => {
|
|
|
10
10
|
switch (size) {
|
|
11
11
|
case 'extra-large':
|
|
12
12
|
icon = (
|
|
13
|
-
<svg
|
|
14
|
-
|
|
15
|
-
height={
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
<path
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
/>
|
|
27
|
-
<rect
|
|
28
|
-
x={34.8199}
|
|
29
|
-
y={67.3799}
|
|
30
|
-
width={11.3609}
|
|
31
|
-
height={5.45325}
|
|
32
|
-
stroke='none'
|
|
33
|
-
strokeWidth={3}
|
|
34
|
-
/>
|
|
35
|
-
<path
|
|
36
|
-
d='M29.1394 73.8333C29.1394 73.281 29.5871 72.8333 30.1394 72.8333H50.8613C51.4136 72.8333 51.8613 73.281 51.8613 73.8333V76.9232H29.1394V73.8333Z'
|
|
37
|
-
stroke='none'
|
|
38
|
-
strokeWidth={3}
|
|
39
|
-
/>
|
|
40
|
-
<path
|
|
41
|
-
d='M40.5004 42.8403L43.051 50.3765L51.3053 50.3765L44.6275 55.0342L47.1782 62.5704L40.5004 57.9128L33.8226 62.5704L36.3732 55.0342L29.6954 50.3765L37.9497 50.3765L40.5004 42.8403Z'
|
|
42
|
-
stroke='none'
|
|
43
|
-
strokeWidth={3}
|
|
44
|
-
strokeLinejoin='round'
|
|
45
|
-
/>
|
|
46
|
-
<path
|
|
47
|
-
d='M19.1982 57.0413H9.25739V37.1597'
|
|
48
|
-
stroke='none'
|
|
49
|
-
strokeWidth={3}
|
|
50
|
-
strokeLinecap='round'
|
|
51
|
-
strokeLinejoin='round'
|
|
52
|
-
/>
|
|
53
|
-
<path
|
|
54
|
-
d='M29.139 39.9999V14.4377'
|
|
55
|
-
stroke='none'
|
|
56
|
-
strokeWidth={3}
|
|
57
|
-
strokeLinecap='round'
|
|
58
|
-
strokeLinejoin='round'
|
|
59
|
-
/>
|
|
60
|
-
<path
|
|
61
|
-
d='M61.8018 57.0414H71.7426V45.6804'
|
|
62
|
-
stroke='none'
|
|
63
|
-
strokeWidth={3}
|
|
64
|
-
strokeLinecap='round'
|
|
65
|
-
strokeLinejoin='round'
|
|
66
|
-
/>
|
|
67
|
-
<path
|
|
68
|
-
d='M49.0207 41.4201V32.8994H58.9615V17.2781'
|
|
69
|
-
stroke='none'
|
|
70
|
-
strokeWidth={3}
|
|
71
|
-
strokeLinecap='round'
|
|
72
|
-
strokeLinejoin='round'
|
|
73
|
-
/>
|
|
74
|
-
<circle
|
|
75
|
-
cx={9.25738}
|
|
76
|
-
cy={31.4793}
|
|
77
|
-
r={5.68047}
|
|
78
|
-
stroke='none'
|
|
79
|
-
strokeWidth={3}
|
|
80
|
-
/>
|
|
81
|
-
<circle
|
|
82
|
-
cx={29.139}
|
|
83
|
-
cy={8.75738}
|
|
84
|
-
r={5.68047}
|
|
85
|
-
stroke='none'
|
|
86
|
-
strokeWidth={3}
|
|
87
|
-
/>
|
|
88
|
-
<circle
|
|
89
|
-
cx={58.9615}
|
|
90
|
-
cy={11.5977}
|
|
91
|
-
r={5.68047}
|
|
92
|
-
stroke='none'
|
|
93
|
-
strokeWidth={3}
|
|
94
|
-
/>
|
|
95
|
-
<circle
|
|
96
|
-
cx={71.7426}
|
|
97
|
-
cy={40.0001}
|
|
98
|
-
r={5.68047}
|
|
99
|
-
stroke='none'
|
|
100
|
-
strokeWidth={3}
|
|
101
|
-
/>
|
|
13
|
+
<svg width={105} height={105} viewBox='0 0 105 105' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
|
|
14
|
+
<path d='M45.1159 59.7372H31.3467C30.7944 59.7372 30.3467 60.1849 30.3467 60.7372V87.0941C30.3467 87.6464 30.7944 88.0941 31.3467 88.0941H73.6544C74.2067 88.0941 74.6544 87.6464 74.6544 87.0941V60.7372C74.6544 60.1849 74.2067 59.7372 73.6544 59.7372H59.8851' stroke='none' strokeWidth={3} strokeLinecap='round' />
|
|
15
|
+
<rect x={45.116} y={88.0939} width={14.7692} height={7.08923} stroke='none' strokeWidth={3} />
|
|
16
|
+
<path d='M37.7312 96.1831C37.7312 95.6308 38.1789 95.1831 38.7312 95.1831H66.2697C66.8219 95.1831 67.2697 95.6308 67.2697 96.1831V100.5H37.7312V96.1831Z' stroke='none' strokeWidth={3} />
|
|
17
|
+
<path d='M52.5004 56.1924L55.8163 65.9895H66.5468L57.8657 72.0444L61.1816 81.8415L52.5004 75.7865L43.8193 81.8415L47.1352 72.0444L38.4541 65.9895H49.1845L52.5004 56.1924Z' stroke='none' strokeWidth={3} strokeLinejoin='round' />
|
|
18
|
+
<path d='M24.8076 74.6539H11.8845V48.8077' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
19
|
+
<path d='M37.7307 52.5001V19.2693' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
20
|
+
<path d='M80.1924 74.6539H93.1155V59.8846' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
21
|
+
<path d='M63.5769 54.3462V43.2692H76.5V22.9615' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
22
|
+
<ellipse cx={11.8846} cy={41.4231} rx={7.38462} ry={7.38462} stroke='none' strokeWidth={3} />
|
|
23
|
+
<ellipse cx={37.7308} cy={11.8846} rx={7.38461} ry={7.38462} stroke='none' strokeWidth={3} />
|
|
24
|
+
<ellipse cx={76.5001} cy={15.5769} rx={7.38462} ry={7.38461} stroke='none' strokeWidth={3} />
|
|
25
|
+
<ellipse cx={93.1153} cy={52.5} rx={7.38462} ry={7.38461} stroke='none' strokeWidth={3} />
|
|
102
26
|
</svg>
|
|
27
|
+
|
|
103
28
|
)
|
|
104
29
|
break
|
|
105
30
|
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES } from '../constants'
|
|
5
|
+
|
|
6
|
+
const CircleGearIcon = ({ color, size }) => {
|
|
7
|
+
const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
|
|
8
|
+
let icon = <></>
|
|
9
|
+
|
|
10
|
+
switch (size) {
|
|
11
|
+
case 'small':
|
|
12
|
+
icon = (
|
|
13
|
+
<svg
|
|
14
|
+
width={18}
|
|
15
|
+
height={18}
|
|
16
|
+
viewBox='0 0 18 18'
|
|
17
|
+
fill='none'
|
|
18
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
19
|
+
className={className}
|
|
20
|
+
>
|
|
21
|
+
<circle cx={9} cy={9} r={8} stroke='none' />
|
|
22
|
+
<path d='M9.07282 10.9405C10.1278 10.9405 10.983 10.1071 10.983 9.0791C10.983 8.05107 10.1278 7.21768 9.07282 7.21768C8.01783 7.21768 7.1626 8.05107 7.1626 9.0791C7.1626 10.1071 8.01783 10.9405 9.07282 10.9405Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
23
|
+
<path d='M10.0974 4.29002V4.92175C10.0974 5.04197 10.1742 5.1506 10.29 5.19279L11.1169 5.49757C11.2294 5.53871 11.3571 5.51023 11.4394 5.42375L11.8366 5.00823C11.9535 4.88589 12.1526 4.88483 12.2706 5.00717L13.2295 5.99641C13.3366 6.10715 13.3377 6.27906 13.2327 6.39085L12.7219 6.93714C12.6407 7.02362 12.6212 7.14912 12.6721 7.25459L13.0184 7.98228C13.0671 8.08458 13.1732 8.15102 13.289 8.15102H13.8193C13.9838 8.15102 14.1169 8.28074 14.1169 8.44105V9.66231C14.1169 9.82261 13.9838 9.95233 13.8193 9.95233H13.2619C13.1332 9.95233 13.0184 10.0335 12.9784 10.1527L12.697 10.9933C12.6634 11.0924 12.6873 11.201 12.7598 11.278L13.2176 11.7705C13.329 11.8907 13.3182 12.0774 13.1927 12.1839L12.1375 13.0835C12.0162 13.1869 11.8323 13.1774 11.7229 13.0624L11.355 12.6764C11.2749 12.5921 11.1504 12.5615 11.0389 12.5995L10.2705 12.861C10.1504 12.9021 10.0703 13.0118 10.0703 13.1352V13.71C10.0703 13.8703 9.93718 14 9.77268 14H8.37004C8.20554 14 8.07242 13.8703 8.07242 13.71V13.1352C8.07242 13.0118 7.99233 12.9021 7.87219 12.861L7.10378 12.5995C6.9923 12.5615 6.86784 12.591 6.78775 12.6764L6.41978 13.0624C6.31047 13.1774 6.12648 13.1869 6.00526 13.0835L4.95004 12.1839C4.8245 12.0774 4.81367 11.8907 4.92515 11.7705L5.38295 11.278C5.45438 11.201 5.47819 11.0924 5.44572 10.9933L5.16433 10.1527C5.12429 10.0335 5.00957 9.95233 4.88077 9.95233H4.32448C4.15998 9.95233 4.02686 9.82261 4.02686 9.66231V8.44105C4.02686 8.28074 4.15998 8.15102 4.32448 8.15102H4.8548C4.9706 8.15102 5.07667 8.08564 5.12537 7.98228L5.4717 7.25459C5.52257 7.14807 5.502 7.02362 5.42191 6.93714L4.91108 6.39085C4.8061 6.27906 4.80718 6.1061 4.91432 5.99641L5.87322 5.00717C5.99119 4.88589 6.19033 4.88589 6.30722 5.00823L6.70441 5.42375C6.78667 5.51023 6.91438 5.53871 7.02693 5.49757L7.8538 5.19279C7.9696 5.1506 8.04644 5.04197 8.04644 4.92175V4.29002C8.04644 4.12972 8.17956 4 8.34407 4H9.79973C9.96424 4 10.0974 4.12972 10.0974 4.29002Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
|
|
24
|
+
|
|
25
|
+
</svg>
|
|
26
|
+
)
|
|
27
|
+
break
|
|
28
|
+
case 'medium':
|
|
29
|
+
icon = (
|
|
30
|
+
<svg
|
|
31
|
+
width={26}
|
|
32
|
+
height={26}
|
|
33
|
+
viewBox='0 0 26 26'
|
|
34
|
+
fill='none'
|
|
35
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
36
|
+
className={className}
|
|
37
|
+
>
|
|
38
|
+
<circle cx={13} cy={13} r={12} stroke='none' />
|
|
39
|
+
<path d='M13.109 15.9108C14.6915 15.9108 15.9743 14.6607 15.9743 13.1186C15.9743 11.5766 14.6915 10.3265 13.109 10.3265C11.5265 10.3265 10.2437 11.5766 10.2437 13.1186C10.2437 14.6607 11.5265 15.9108 13.109 15.9108Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
40
|
+
<path d='M14.6463 5.93503V6.88262C14.6463 7.06296 14.7615 7.2259 14.9353 7.28918L16.1755 7.74636C16.3444 7.80806 16.5359 7.76534 16.6593 7.63563L17.2551 7.01234C17.4304 6.82883 17.7292 6.82725 17.9061 7.01076L19.3445 8.49462C19.5052 8.66073 19.5068 8.91858 19.3493 9.08627L18.5831 9.90572C18.4613 10.0354 18.4321 10.2237 18.5084 10.3819L19.0279 11.4734C19.1009 11.6269 19.26 11.7265 19.4337 11.7265H20.2292C20.476 11.7265 20.6757 11.9211 20.6757 12.1616V13.9935C20.6757 14.2339 20.476 14.4285 20.2292 14.4285H19.3932C19.2 14.4285 19.0279 14.5503 18.9678 14.7291L18.5457 15.9899C18.4954 16.1386 18.5311 16.3015 18.6399 16.417L19.3266 17.1558C19.4938 17.3361 19.4776 17.6161 19.2893 17.7759L17.7064 19.1253C17.5246 19.2803 17.2486 19.2661 17.0847 19.0937L16.5327 18.5147C16.4126 18.3881 16.2259 18.3422 16.0587 18.3992L14.906 18.7915C14.7258 18.8532 14.6057 19.0177 14.6057 19.2028V20.065C14.6057 20.3054 14.406 20.5 14.1593 20.5H12.0553C11.8085 20.5 11.6089 20.3054 11.6089 20.065V19.2028C11.6089 19.0177 11.4887 18.8532 11.3085 18.7915L10.1559 18.3992C9.9887 18.3422 9.802 18.3865 9.68187 18.5147L9.12991 19.0937C8.96594 19.2661 8.68996 19.2803 8.50814 19.1253L6.9253 17.7759C6.73699 17.6161 6.72075 17.3361 6.88797 17.1558L7.57467 16.417C7.68182 16.3015 7.71753 16.1386 7.66883 15.9899L7.24674 14.7291C7.18667 14.5503 7.01459 14.4285 6.8214 14.4285H5.98697C5.74021 14.4285 5.54053 14.2339 5.54053 13.9935V12.1616C5.54053 11.9211 5.74021 11.7265 5.98697 11.7265H6.78244C6.95615 11.7265 7.11524 11.6285 7.1883 11.4734L7.70779 10.3819C7.78409 10.2221 7.75325 10.0354 7.63311 9.90572L6.86686 9.08627C6.70939 8.91858 6.71101 8.65914 6.87173 8.49462L8.31008 7.01076C8.48703 6.82883 8.78574 6.82883 8.96107 7.01234L9.55687 7.63563C9.68025 7.76534 9.87181 7.80806 10.0406 7.74636L11.2809 7.28918C11.4546 7.2259 11.5699 7.06296 11.5699 6.88262V5.93503C11.5699 5.69458 11.7696 5.5 12.0163 5.5H14.1998C14.4466 5.5 14.6463 5.69458 14.6463 5.93503Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
41
|
+
|
|
42
|
+
</svg>
|
|
43
|
+
)
|
|
44
|
+
break
|
|
45
|
+
case 'large':
|
|
46
|
+
icon = (
|
|
47
|
+
<svg
|
|
48
|
+
width={42}
|
|
49
|
+
height={42}
|
|
50
|
+
viewBox='0 0 42 42'
|
|
51
|
+
fill='none'
|
|
52
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
53
|
+
className={className}
|
|
54
|
+
>
|
|
55
|
+
<circle cx={21} cy={21} r={20} stroke='none' strokeWidth={1.5} />
|
|
56
|
+
<path d='M21.1818 25.8513C23.8193 25.8513 25.9574 23.7678 25.9574 21.1978C25.9574 18.6277 23.8193 16.5442 21.1818 16.5442C18.5443 16.5442 16.4062 18.6277 16.4062 21.1978C16.4062 23.7678 18.5443 25.8513 21.1818 25.8513Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
57
|
+
<path d='M23.7436 9.22506V10.8044C23.7436 11.1049 23.9357 11.3765 24.2253 11.482L26.2924 12.2439C26.5738 12.3468 26.8931 12.2756 27.0987 12.0594L28.0917 11.0206C28.3839 10.7147 28.8818 10.7121 29.1767 11.0179L31.5739 13.491C31.8418 13.7679 31.8445 14.1976 31.5821 14.4771L30.305 15.8429C30.102 16.0591 30.0533 16.3728 30.1805 16.6365L31.0463 18.4557C31.1681 18.7115 31.4332 18.8776 31.7227 18.8776H33.0485C33.4598 18.8776 33.7926 19.2019 33.7926 19.6026V22.6558C33.7926 23.0565 33.4598 23.3808 33.0485 23.3808H31.6551C31.3331 23.3808 31.0463 23.5838 30.9462 23.8818L30.2427 25.9831C30.1589 26.231 30.2184 26.5025 30.3997 26.695L31.5442 27.9263C31.8229 28.2269 31.7958 28.6935 31.4819 28.9598L28.8439 31.2088C28.5408 31.4672 28.0809 31.4435 27.8076 31.1561L26.8877 30.1911C26.6874 29.9802 26.3763 29.9037 26.0976 29.9986L24.1766 30.6525C23.8762 30.7553 23.676 31.0295 23.676 31.338V32.7749C23.676 33.1757 23.3432 33.5 22.9319 33.5H19.4253C19.0141 33.5 18.6813 33.1757 18.6813 32.7749V31.338C18.6813 31.0295 18.4811 30.7553 18.1807 30.6525L16.2597 29.9986C15.981 29.9037 15.6698 29.9775 15.4696 30.1911L14.5497 31.1561C14.2764 31.4435 13.8164 31.4672 13.5134 31.2088L10.8753 28.9598C10.5615 28.6935 10.5344 28.2269 10.8131 27.9263L11.9576 26.695C12.1362 26.5025 12.1957 26.231 12.1146 25.9831L11.4111 23.8818C11.311 23.5838 11.0242 23.3808 10.7022 23.3808H9.31145C8.90018 23.3808 8.56738 23.0565 8.56738 22.6558V19.6026C8.56738 19.2019 8.90018 18.8776 9.31145 18.8776H10.6372C10.9268 18.8776 11.1919 18.7141 11.3137 18.4557L12.1795 16.6365C12.3067 16.3702 12.2552 16.0591 12.055 15.8429L10.7779 14.4771C10.5155 14.1976 10.5182 13.7652 10.7861 13.491L13.1833 11.0179C13.4782 10.7147 13.9761 10.7147 14.2683 11.0206L15.2613 12.0594C15.4669 12.2756 15.7862 12.3468 16.0676 12.2439L18.1347 11.482C18.4242 11.3765 18.6163 11.1049 18.6163 10.8044V9.22506C18.6163 8.8243 18.9491 8.5 19.3604 8.5H22.9996C23.4108 8.5 23.7436 8.8243 23.7436 9.22506Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
58
|
+
</svg>
|
|
59
|
+
)
|
|
60
|
+
break
|
|
61
|
+
|
|
62
|
+
default:
|
|
63
|
+
break
|
|
64
|
+
}
|
|
65
|
+
return icon
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
CircleGearIcon.propTypes = {
|
|
69
|
+
/**
|
|
70
|
+
* color of text, icon and borders
|
|
71
|
+
*/
|
|
72
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
73
|
+
/**
|
|
74
|
+
* Size
|
|
75
|
+
*/
|
|
76
|
+
size: PropTypes.oneOf(SIZES)
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
CircleGearIcon.defaultProps = {
|
|
80
|
+
color: 'main-dark-blue',
|
|
81
|
+
size: 'medium'
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export default CircleGearIcon
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import PropTypes from 'prop-types'
|
|
3
|
+
import styles from './Icons.module.css'
|
|
4
|
+
import { COLORS_ICON, SIZES } from '../constants'
|
|
5
|
+
|
|
6
|
+
const WorkspaceEmptyIcon = ({ color, size }) => {
|
|
7
|
+
const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
|
|
8
|
+
let icon = <></>
|
|
9
|
+
|
|
10
|
+
switch (size) {
|
|
11
|
+
case 'extra-large':
|
|
12
|
+
icon = (
|
|
13
|
+
<svg width={104} height={105} viewBox='0 0 104 105' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
|
|
14
|
+
<path d='M29.8467 60.0705V87.4275C29.8467 87.9797 30.2944 88.4275 30.8467 88.4275H73.1544C73.7067 88.4275 74.1544 87.9797 74.1544 87.4275V60.0705' stroke='none' strokeWidth={3} strokeLinecap='round' />
|
|
15
|
+
<rect x={44.616} y={88.4272} width={14.7692} height={7.08923} stroke='none' strokeWidth={3} />
|
|
16
|
+
<path d='M37.2312 96.5165C37.2312 95.9642 37.6789 95.5165 38.2312 95.5165H65.7697C66.3219 95.5165 66.7697 95.9642 66.7697 96.5165V100.833H37.2312V96.5165Z' stroke='none' strokeWidth={3} />
|
|
17
|
+
<path d='M24.3076 74.9872H11.3845V49.1411' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
18
|
+
<path d='M37.2307 44.8334V19.6026' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
19
|
+
<path d='M79.6924 74.9872H92.6155V60.218' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
20
|
+
<path d='M63.0769 44.8334V34.8334H76V23.2949' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
21
|
+
<ellipse cx={11.3846} cy={41.7565} rx={7.38462} ry={7.38462} stroke='none' strokeWidth={3} />
|
|
22
|
+
<ellipse cx={37.2308} cy={12.218} rx={7.38461} ry={7.38462} stroke='none' strokeWidth={3} />
|
|
23
|
+
<ellipse cx={76.0001} cy={15.9103} rx={7.38462} ry={7.38461} stroke='none' strokeWidth={3} />
|
|
24
|
+
<ellipse cx={92.6153} cy={52.8334} rx={7.38462} ry={7.38461} stroke='none' strokeWidth={3} />
|
|
25
|
+
<rect x={36} y={52.8334} width={10.6667} height={11.7483} rx={1} stroke='none' strokeWidth={3} />
|
|
26
|
+
<rect x={52} y={52.8334} width={16} height={11.7483} rx={1} stroke='none' strokeWidth={3} />
|
|
27
|
+
<rect x={68} y={80.8334} width={10.6667} height={11.7483} rx={1} transform='rotate(-180 68 80.8334)' stroke='none' strokeWidth={3} />
|
|
28
|
+
<rect x={52} y={80.8334} width={16} height={11.7483} rx='1' transform='rotate(-180 52 80.8334)' stroke='none' strokeWidth={3} />
|
|
29
|
+
</svg>
|
|
30
|
+
)
|
|
31
|
+
break
|
|
32
|
+
|
|
33
|
+
default:
|
|
34
|
+
break
|
|
35
|
+
}
|
|
36
|
+
return icon
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
WorkspaceEmptyIcon.propTypes = {
|
|
40
|
+
/**
|
|
41
|
+
* color of text, icon and borders
|
|
42
|
+
*/
|
|
43
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
44
|
+
/**
|
|
45
|
+
* Size
|
|
46
|
+
*/
|
|
47
|
+
size: PropTypes.oneOf(SIZES)
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
WorkspaceEmptyIcon.defaultProps = {
|
|
51
|
+
color: 'main-dark-blue',
|
|
52
|
+
size: 'medium'
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export default WorkspaceEmptyIcon
|
|
@@ -21,11 +21,12 @@ import Calendar7DaysIcon from './Calendar7DaysIcon'
|
|
|
21
21
|
import CircleAddIcon from './CircleAddIcon'
|
|
22
22
|
import CircleArrowLeftIcon from './CircleArrowLeftIcon'
|
|
23
23
|
import CircleArrowRightIcon from './CircleArrowRightIcon'
|
|
24
|
-
import CircleExclamationIcon from './CircleExclamationIcon'
|
|
25
24
|
import CircleCheckMarkIcon from './CircleCheckMarkIcon'
|
|
26
25
|
import CircleCloseIcon from './CircleCloseIcon'
|
|
27
26
|
import CircleCloseHoverIcon from './CircleCloseHoverIcon'
|
|
27
|
+
import CircleExclamationIcon from './CircleExclamationIcon'
|
|
28
28
|
import CircleFullIcon from './CircleFullIcon'
|
|
29
|
+
import CircleGearIcon from './CircleGearIcon'
|
|
29
30
|
import CircleTwoArrowsDownIcon from './CircleTwoArrowsDownIcon'
|
|
30
31
|
import CircleTwoArrowsUpIcon from './CircleTwoArrowsUpIcon'
|
|
31
32
|
import CloseIcon from './CloseIcon'
|
|
@@ -59,6 +60,7 @@ import TerminalIcon from './TerminalIcon'
|
|
|
59
60
|
import TwoUsersIcon from './TwoUsersIcon'
|
|
60
61
|
import UpgradeIcon from './UpgradeIcon'
|
|
61
62
|
import WorkspaceDynamicIcon from './WorkspaceDynamicIcon'
|
|
63
|
+
import WorkspaceEmptyIcon from './WorkspaceEmptyIcon'
|
|
62
64
|
import WorkspaceGitHubIcon from './WorkspaceGitHubIcon'
|
|
63
65
|
import WorkspaceFailIcon from './WorkspaceFailIcon'
|
|
64
66
|
import WorkspaceReadyIcon from './WorkspaceReadyIcon'
|
|
@@ -93,6 +95,7 @@ export default {
|
|
|
93
95
|
CircleCloseIcon,
|
|
94
96
|
CircleCloseHoverIcon,
|
|
95
97
|
CircleFullIcon,
|
|
98
|
+
CircleGearIcon,
|
|
96
99
|
CircleTwoArrowsDownIcon,
|
|
97
100
|
CircleTwoArrowsUpIcon,
|
|
98
101
|
CloseIcon,
|
|
@@ -126,6 +129,7 @@ export default {
|
|
|
126
129
|
UpgradeIcon,
|
|
127
130
|
TwoUsersIcon,
|
|
128
131
|
WorkspaceDynamicIcon,
|
|
132
|
+
WorkspaceEmptyIcon,
|
|
129
133
|
WorkspaceFailIcon,
|
|
130
134
|
WorkspaceGitHubIcon,
|
|
131
135
|
WorkspaceReadyIcon,
|