@platformatic/ui-components 0.1.78 → 0.1.80
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/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.34b55a44.js"></script>
|
|
8
8
|
<link rel="stylesheet" href="/assets/index.8666e478.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
package/package.json
CHANGED
|
@@ -0,0 +1,57 @@
|
|
|
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 WorkspaceLoadingIcon = ({ color, size }) => {
|
|
7
|
+
const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
|
|
8
|
+
const filledClassName = styles[`filled-${color}`]
|
|
9
|
+
|
|
10
|
+
let icon = <></>
|
|
11
|
+
|
|
12
|
+
switch (size) {
|
|
13
|
+
case 'extra-large':
|
|
14
|
+
icon = (
|
|
15
|
+
<svg
|
|
16
|
+
width={105}
|
|
17
|
+
height={104}
|
|
18
|
+
viewBox='0 0 105 104'
|
|
19
|
+
fill='none'
|
|
20
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
21
|
+
className={className}
|
|
22
|
+
>
|
|
23
|
+
<rect x={15.9297} y={8} width={24.381} height={26.8531} rx={4} stroke='none' strokeWidth={3} />
|
|
24
|
+
<path d='M48.5 12C48.5 9.79086 50.2909 8 52.5 8H85.0714C87.2806 8 89.0714 9.79086 89.0714 12V30.8531C89.0714 33.0623 87.2806 34.8531 85.0714 34.8531H52.5C50.2909 34.8531 48.5 33.0623 48.5 30.8531V12Z' stroke='none' strokeWidth={3} />
|
|
25
|
+
<path d='M52.5 68C52.5 70.2091 50.7091 72 48.5 72L19.9286 72C17.7194 72 15.9286 70.2091 15.9286 68L15.9286 49.1468C15.9286 46.9377 17.7194 45.1468 19.9286 45.1468L48.5 45.1469C50.7091 45.1469 52.5 46.9377 52.5 49.1469L52.5 68Z' stroke='none' strokeWidth={3} />
|
|
26
|
+
<circle cx={71.5344} cy={55.0305} r={11.0305} stroke='none' strokeWidth={3} />
|
|
27
|
+
<path d='M86.9777 70.4728L80.3594 63.8545' stroke='none' strokeWidth={3} strokeLinecap='round' strokeLinejoin='round' />
|
|
28
|
+
<rect x={4.5} y={84} width={96} height={16} rx={8} stroke='none' strokeWidth={3} />
|
|
29
|
+
<rect x={8.5} y={88} width={68} height={8} rx={4} fill='none' className={filledClassName} />
|
|
30
|
+
</svg>
|
|
31
|
+
|
|
32
|
+
)
|
|
33
|
+
break
|
|
34
|
+
|
|
35
|
+
default:
|
|
36
|
+
break
|
|
37
|
+
}
|
|
38
|
+
return icon
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
WorkspaceLoadingIcon.propTypes = {
|
|
42
|
+
/**
|
|
43
|
+
* color of text, icon and borders
|
|
44
|
+
*/
|
|
45
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
46
|
+
/**
|
|
47
|
+
* Size
|
|
48
|
+
*/
|
|
49
|
+
size: PropTypes.oneOf(SIZES)
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
WorkspaceLoadingIcon.defaultProps = {
|
|
53
|
+
color: 'main-dark-blue',
|
|
54
|
+
size: 'medium'
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export default WorkspaceLoadingIcon
|
|
@@ -63,6 +63,7 @@ import WorkspaceDynamicIcon from './WorkspaceDynamicIcon'
|
|
|
63
63
|
import WorkspaceEmptyIcon from './WorkspaceEmptyIcon'
|
|
64
64
|
import WorkspaceGitHubIcon from './WorkspaceGitHubIcon'
|
|
65
65
|
import WorkspaceFailIcon from './WorkspaceFailIcon'
|
|
66
|
+
import WorkspaceLoadingIcon from './WorkspaceLoadingIcon'
|
|
66
67
|
import WorkspaceReadyIcon from './WorkspaceReadyIcon'
|
|
67
68
|
import WorkspaceStaticIcon from './WorkspaceStaticIcon'
|
|
68
69
|
|
|
@@ -132,6 +133,7 @@ export default {
|
|
|
132
133
|
WorkspaceEmptyIcon,
|
|
133
134
|
WorkspaceFailIcon,
|
|
134
135
|
WorkspaceGitHubIcon,
|
|
136
|
+
WorkspaceLoadingIcon,
|
|
135
137
|
WorkspaceReadyIcon,
|
|
136
138
|
WorkspaceStaticIcon
|
|
137
139
|
}
|