@platformatic/ui-components 0.7.32 → 0.7.34
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-C5endV3E.js → index-Dev7WHoA.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/src/components/forms/Field.jsx +1 -2
- package/src/components/forms/Field.module.css +0 -3
- package/src/components/forms/InputFileUpload.jsx +2 -1
- package/src/components/forms/InputFileUpload.module.css +3 -0
- package/src/components/icons/CircleFullIcon.jsx +4 -4
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-Dev7WHoA.js"></script>
|
|
8
8
|
<link rel="stylesheet" crossorigin href="/assets/index-Dc2uZTON.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
package/package.json
CHANGED
|
@@ -16,8 +16,7 @@ function Field ({
|
|
|
16
16
|
let className = `${styles.container}`
|
|
17
17
|
if (disabled) className += ` ${styles.disabled}`
|
|
18
18
|
const styledTitle = titleClassName || (`${styles.title} ` + styles[`text-color-${titleColor}`])
|
|
19
|
-
|
|
20
|
-
styledHelper += ` ${styles.helperPadding}`
|
|
19
|
+
const styledHelper = helperClassName || styles.helper
|
|
21
20
|
let titleTmp = title
|
|
22
21
|
if (required) { titleTmp += ' *' }
|
|
23
22
|
|
|
@@ -105,7 +105,8 @@ function InputFileUpload ({
|
|
|
105
105
|
<label
|
|
106
106
|
for={idInputFile}
|
|
107
107
|
className={focus ? focusedClassName() : normalClassName()}
|
|
108
|
-
>
|
|
108
|
+
>
|
|
109
|
+
{file !== null ? file.name : <span className={styles.inputPlaceholderClassName}>{inputPlaceholder}</span>}
|
|
109
110
|
</label>
|
|
110
111
|
{file !== null && <span className={`${styles.afterInputDetail} ${detailTextClassName}`} onClick={() => onClickDetail()}>Detail</span>}
|
|
111
112
|
</div>
|
|
@@ -38,14 +38,14 @@ const CircleFullIcon = ({
|
|
|
38
38
|
case TINY:
|
|
39
39
|
icon = (
|
|
40
40
|
<svg
|
|
41
|
-
width={
|
|
42
|
-
height={
|
|
43
|
-
viewBox='0 0
|
|
41
|
+
width={8}
|
|
42
|
+
height={8}
|
|
43
|
+
viewBox='0 0 8 8'
|
|
44
44
|
fill='none'
|
|
45
45
|
xmlns='http://www.w3.org/2000/svg'
|
|
46
46
|
className={className}
|
|
47
47
|
>
|
|
48
|
-
<circle cx={4} cy={4} r={
|
|
48
|
+
<circle cx={4} cy={4} r={4} fill='none' className={filledClassName} />
|
|
49
49
|
</svg>
|
|
50
50
|
)
|
|
51
51
|
break
|