@platformatic/ui-components 0.2.2 → 0.2.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.
- package/dist/assets/index-DcjcxgBQ.js +206 -0
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/components/PlatformaticIcon.jsx +21 -5
- package/src/components/icons/CreateAppIcon.jsx +108 -0
- package/src/components/icons/ImportAppIcon.jsx +103 -0
- package/src/components/icons/RecentAppsIcon.jsx +125 -0
- package/src/components/icons/index.js +6 -2
- package/src/stories/PlatformaticIcon.stories.jsx +2 -5
- package/dist/assets/index-D_Ghoi-l.js +0 -206
- package/src/components/icons/ImportApplicationIcon.jsx +0 -67
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
|
-
import PropTypes from 'prop-types'
|
|
3
|
-
import styles from './Icons.module.css'
|
|
4
|
-
import { COLORS_ICON, SIZES, LARGE, MAIN_DARK_BLUE } from '../constants'
|
|
5
|
-
|
|
6
|
-
const ImportApplicationIcon = ({ 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 LARGE:
|
|
18
|
-
icon = (
|
|
19
|
-
<svg
|
|
20
|
-
width={40}
|
|
21
|
-
height={40}
|
|
22
|
-
viewBox='0 0 40 40'
|
|
23
|
-
fill='none'
|
|
24
|
-
xmlns='http://www.w3.org/2000/svg'
|
|
25
|
-
className={className}
|
|
26
|
-
>
|
|
27
|
-
<path d='M34 5.00021H6C5.44772 5.00021 5 5.44793 5 6.00021V24.0002C5 24.5525 5.44772 25.0002 6 25.0002H34C34.5523 25.0002 35 24.5525 35 24.0002V6.00021C35 5.44793 34.5523 5.00021 34 5.00021Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
28
|
-
<rect x={15} y={25.0002} width={10} height={5} stroke='none' strokeWidth={2} />
|
|
29
|
-
<path d='M10 31.0002C10 30.4479 10.4477 30.0002 11 30.0002H29C29.5523 30.0002 30 30.4479 30 31.0002V35.0002H10V31.0002Z' stroke='none' strokeWidth={2} />
|
|
30
|
-
<path d='M26.25 8.75021L27.6532 13.0689H32.1941L28.5204 15.7379L29.9237 20.0566L26.25 17.3875L22.5763 20.0566L23.9796 15.7379L20.3059 13.0689H24.8468L26.25 8.75021Z' stroke='none' strokeWidth={2} strokeLinejoin='round' />
|
|
31
|
-
<path d='M22.5 15.0002H10M10 15.0002L15 10.0002M10 15.0002L15 20.0002' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
|
|
32
|
-
</svg>
|
|
33
|
-
)
|
|
34
|
-
break
|
|
35
|
-
|
|
36
|
-
default:
|
|
37
|
-
break
|
|
38
|
-
}
|
|
39
|
-
return icon
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
ImportApplicationIcon.propTypes = {
|
|
43
|
-
/**
|
|
44
|
-
* color of text, icon and borders
|
|
45
|
-
*/
|
|
46
|
-
color: PropTypes.oneOf(COLORS_ICON),
|
|
47
|
-
/**
|
|
48
|
-
* Size
|
|
49
|
-
*/
|
|
50
|
-
size: PropTypes.oneOf(SIZES),
|
|
51
|
-
/**
|
|
52
|
-
* disabled
|
|
53
|
-
*/
|
|
54
|
-
disabled: PropTypes.bool,
|
|
55
|
-
/**
|
|
56
|
-
* inactive
|
|
57
|
-
*/
|
|
58
|
-
inactive: PropTypes.bool
|
|
59
|
-
}
|
|
60
|
-
ImportApplicationIcon.defaultProps = {
|
|
61
|
-
color: MAIN_DARK_BLUE,
|
|
62
|
-
size: LARGE,
|
|
63
|
-
disabled: false,
|
|
64
|
-
inactive: false
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export default ImportApplicationIcon
|