next-helios-fe 1.7.1 → 1.7.2

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.
Files changed (9) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/form/input/email.tsx +2 -2
  4. package/src/components/form/input/file.tsx +2 -2
  5. package/src/components/form/input/number.tsx +2 -2
  6. package/src/components/form/input/password.tsx +2 -2
  7. package/src/components/form/input/range.tsx +2 -2
  8. package/src/components/form/input/text.tsx +2 -2
  9. package/src/components/form/other/textarea.tsx +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-helios-fe",
3
- "version": "1.7.1",
3
+ "version": "1.7.2",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/form/input/email.tsx CHANGED
@@ -32,7 +32,7 @@ export const Email: React.FC<EmailProps> = ({
32
32
  {(label ||
33
33
  (!options?.hideInputDetail &&
34
34
  (rest.minLength || rest.maxLength || description))) && (
35
- <div className="flex">
35
+ <div className="flex items-center">
36
36
  {label && (
37
37
  <span
38
38
  className={`text-sm select-none ${
@@ -44,7 +44,7 @@ export const Email: React.FC<EmailProps> = ({
44
44
  </span>
45
45
  )}
46
46
  {!options?.hideInputDetail && (
47
- <div className="flex justify-end items-center gap-2">
47
+ <div className="flex-1 flex justify-end items-center gap-2">
48
48
  {(rest.minLength || rest.maxLength) && (
49
49
  <span className="text-sm select-none">
50
50
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/form/input/file.tsx CHANGED
@@ -61,7 +61,7 @@ export const File: React.FC<FileProps> = ({
61
61
  (label ||
62
62
  (!options?.hideInputDetail &&
63
63
  (options?.maxSizeInMb || description))) && (
64
- <div className="flex">
64
+ <div className="flex items-center">
65
65
  {label && (
66
66
  <span
67
67
  className={`text-sm select-none ${
@@ -73,7 +73,7 @@ export const File: React.FC<FileProps> = ({
73
73
  </span>
74
74
  )}
75
75
  {!options?.hideInputDetail && (
76
- <div className="flex justify-end items-center gap-2">
76
+ <div className="flex-1 flex justify-end items-center gap-2">
77
77
  {options?.variant !== "drag&drop" && options?.maxSizeInMb && (
78
78
  <span className="text-sm select-none">
79
79
  {options?.maxSizeInMb} MB
package/src/components/form/input/number.tsx CHANGED
@@ -33,7 +33,7 @@ export const Number: React.FC<NumberProps> = ({
33
33
  {(label ||
34
34
  (!options?.hideInputDetail &&
35
35
  (rest.min || rest.max || description))) && (
36
- <div className="flex">
36
+ <div className="flex items-center">
37
37
  {label && (
38
38
  <span
39
39
  className={`text-sm select-none ${
@@ -45,7 +45,7 @@ export const Number: React.FC<NumberProps> = ({
45
45
  </span>
46
46
  )}
47
47
  {!options?.hideInputDetail && (
48
- <div className="flex justify-end items-center gap-2">
48
+ <div className="flex-1 flex justify-end items-center gap-2">
49
49
  {(rest.min || rest.max) && (
50
50
  <span className="text-sm select-none">
51
51
  {rest.min || rest.min === 0 ? rest.min : "∞"}/
package/src/components/form/input/password.tsx CHANGED
@@ -33,7 +33,7 @@ export const Password: React.FC<PasswordProps> = ({
33
33
  {(label ||
34
34
  (!options?.hideInputDetail &&
35
35
  (rest.minLength || rest.maxLength || description))) && (
36
- <div className="flex">
36
+ <div className="flex items-center">
37
37
  {label && (
38
38
  <span
39
39
  className={`text-sm select-none ${
@@ -45,7 +45,7 @@ export const Password: React.FC<PasswordProps> = ({
45
45
  </span>
46
46
  )}
47
47
  {!options?.hideInputDetail && (
48
- <div className="flex justify-end items-center gap-2">
48
+ <div className="flex-1 flex justify-end items-center gap-2">
49
49
  {(rest.minLength || rest.maxLength) && (
50
50
  <span className="text-sm select-none">
51
51
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/form/input/range.tsx CHANGED
@@ -28,7 +28,7 @@ export const Range: React.FC<RangeProps> = ({
28
28
  {(label ||
29
29
  (!options?.hideInputDetail &&
30
30
  (rest.min || rest.max || description))) && (
31
- <div className="flex">
31
+ <div className="flex items-center">
32
32
  {label && (
33
33
  <span
34
34
  className={`text-sm select-none ${
@@ -40,7 +40,7 @@ export const Range: React.FC<RangeProps> = ({
40
40
  </span>
41
41
  )}
42
42
  {!options?.hideInputDetail && (
43
- <div className="flex justify-end items-center gap-2">
43
+ <div className="flex-1 flex justify-end items-center gap-2">
44
44
  {(rest.min || rest.max) && (
45
45
  <span className="text-sm select-none">
46
46
  {rest.min || 0}/{rest.max || 100}
package/src/components/form/input/text.tsx CHANGED
@@ -31,7 +31,7 @@ export const Text: React.FC<TextProps> = ({
31
31
  {(label ||
32
32
  (!options?.hideInputDetail &&
33
33
  (rest.minLength || rest.maxLength || description))) && (
34
- <div className="flex">
34
+ <div className="flex items-center">
35
35
  {label && (
36
36
  <span
37
37
  className={`text-sm select-none ${
@@ -43,7 +43,7 @@ export const Text: React.FC<TextProps> = ({
43
43
  </span>
44
44
  )}
45
45
  {!options?.hideInputDetail && (
46
- <div className="flex justify-end items-center gap-2">
46
+ <div className="flex-1 flex justify-end items-center gap-2">
47
47
  {(rest.minLength || rest.maxLength) && (
48
48
  <span className="text-sm select-none">
49
49
  {rest.minLength || 0}/{rest.maxLength || "∞"}
package/src/components/form/other/textarea.tsx CHANGED
@@ -32,7 +32,7 @@ export const Textarea: React.FC<TextareaProps> = ({
32
32
  {(label ||
33
33
  (!options?.hideInputDetail &&
34
34
  (rest.minLength || rest.maxLength || description))) && (
35
- <div className="flex">
35
+ <div className="flex items-center">
36
36
  {label && (
37
37
  <span
38
38
  className={`text-sm select-none ${
@@ -44,7 +44,7 @@ export const Textarea: React.FC<TextareaProps> = ({
44
44
  </span>
45
45
  )}
46
46
  {!options?.hideInputDetail && (
47
- <div className="flex justify-end items-center gap-2">
47
+ <div className="flex-1 flex justify-end items-center gap-2">
48
48
  {(rest.minLength || rest.maxLength) && (
49
49
  <span className="text-sm select-none">
50
50
  {rest.minLength || 0}/{rest.maxLength || "∞"}