@platformatic/ui-components 0.1.120 → 0.1.121
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-b5325ff4.js"></script>
|
|
8
8
|
<link rel="stylesheet" href="/assets/index-d72b255b.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
package/package.json
CHANGED
|
@@ -0,0 +1,51 @@
|
|
|
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, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
+
|
|
6
|
+
const CircleDownloadIcon = ({ color, size }) => {
|
|
7
|
+
const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
|
|
8
|
+
let icon = <></>
|
|
9
|
+
|
|
10
|
+
switch (size) {
|
|
11
|
+
case MEDIUM:
|
|
12
|
+
icon = (
|
|
13
|
+
<svg
|
|
14
|
+
width={26}
|
|
15
|
+
height={26}
|
|
16
|
+
viewBox='0 0 26 26'
|
|
17
|
+
fill='none'
|
|
18
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
19
|
+
className={className}
|
|
20
|
+
>
|
|
21
|
+
<circle cx='13' cy='13' r='12' stroke='none' strokeWidth={1.5} />
|
|
22
|
+
<path d='M5.5 14.5L5.5 17.5C5.5 18.3284 6.17157 19 7 19L19 19C19.8284 19 20.5 18.3284 20.5 17.5L20.5 14.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
|
|
23
|
+
<path d='M17.2048 11.1451L13.4168 15.1775L9.62869 11.1451' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
24
|
+
<path d='M13.4166 14.3711L13.4166 5.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
|
|
25
|
+
</svg>
|
|
26
|
+
|
|
27
|
+
)
|
|
28
|
+
break
|
|
29
|
+
default:
|
|
30
|
+
break
|
|
31
|
+
}
|
|
32
|
+
return icon
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
CircleDownloadIcon.propTypes = {
|
|
36
|
+
/**
|
|
37
|
+
* color of text, icon and borders
|
|
38
|
+
*/
|
|
39
|
+
color: PropTypes.oneOf(COLORS_ICON),
|
|
40
|
+
/**
|
|
41
|
+
* Size
|
|
42
|
+
*/
|
|
43
|
+
size: PropTypes.oneOf(SIZES)
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
CircleDownloadIcon.defaultProps = {
|
|
47
|
+
color: MAIN_DARK_BLUE,
|
|
48
|
+
size: MEDIUM
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
export default CircleDownloadIcon
|
|
@@ -29,6 +29,7 @@ import CircleCheckMarkFullIcon from './CircleCheckMarkFullIcon'
|
|
|
29
29
|
import CircleCopyPasteIcon from './CircleCopyPasteIcon'
|
|
30
30
|
import CircleCloseIcon from './CircleCloseIcon'
|
|
31
31
|
import CircleCloseHoverIcon from './CircleCloseHoverIcon'
|
|
32
|
+
import CircleDownloadIcon from './CircleDownloadIcon'
|
|
32
33
|
import CircleExclamationIcon from './CircleExclamationIcon'
|
|
33
34
|
import CircleEditIcon from './CircleEditIcon'
|
|
34
35
|
import CircleFullIcon from './CircleFullIcon'
|
|
@@ -132,6 +133,7 @@ export default {
|
|
|
132
133
|
CircleCopyPasteIcon,
|
|
133
134
|
CircleCloseIcon,
|
|
134
135
|
CircleCloseHoverIcon,
|
|
136
|
+
CircleDownloadIcon,
|
|
135
137
|
CircleEditIcon,
|
|
136
138
|
CircleFullIcon,
|
|
137
139
|
CircleGearIcon,
|