@shoplflow/base 0.24.29 → 0.24.31
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.cjs +8 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -13
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1875,19 +1875,13 @@ var getStyleByType = ({
|
|
|
1875
1875
|
height: 32px;
|
|
1876
1876
|
`;
|
|
1877
1877
|
}
|
|
1878
|
-
if (type === "text" || type === "password") {
|
|
1879
|
-
return react$1.css`
|
|
1880
|
-
width: ${width != null ? width : "100%"};
|
|
1881
|
-
min-width: ${minWidth != null ? minWidth : "initial"};
|
|
1882
|
-
max-width: ${maxWidth != null ? maxWidth : "initial"};
|
|
1883
|
-
height: ${height != null ? height : "initial"};
|
|
1884
|
-
min-height: ${minHeight != null ? minHeight : "initial"};
|
|
1885
|
-
max-height: ${maxHeight != null ? maxHeight : "initial"};
|
|
1886
|
-
`;
|
|
1887
|
-
}
|
|
1888
1878
|
return react$1.css`
|
|
1889
|
-
width:
|
|
1890
|
-
|
|
1879
|
+
width: ${width != null ? width : "100%"};
|
|
1880
|
+
min-width: ${minWidth != null ? minWidth : "initial"};
|
|
1881
|
+
max-width: ${maxWidth != null ? maxWidth : "initial"};
|
|
1882
|
+
height: ${height != null ? height : "initial"};
|
|
1883
|
+
min-height: ${minHeight != null ? minHeight : "initial"};
|
|
1884
|
+
max-height: ${maxHeight != null ? maxHeight : "initial"};
|
|
1891
1885
|
`;
|
|
1892
1886
|
};
|
|
1893
1887
|
var InputWrapper = styled5__default.default.label`
|
|
@@ -2632,6 +2626,7 @@ var StyledInput = styled5__default.default.input`
|
|
|
2632
2626
|
background-color: transparent;
|
|
2633
2627
|
display: flex;
|
|
2634
2628
|
min-width: 64px;
|
|
2629
|
+
width: 100%;
|
|
2635
2630
|
border: none;
|
|
2636
2631
|
box-sizing: border-box;
|
|
2637
2632
|
&::placeholder {
|
|
@@ -2739,7 +2734,7 @@ var Input = React2.forwardRef(
|
|
|
2739
2734
|
]);
|
|
2740
2735
|
const [text, setText] = React2.useState("");
|
|
2741
2736
|
const [isFocused, setIsFocused] = React2.useState(false);
|
|
2742
|
-
const [type, setType] = React2.useState(
|
|
2737
|
+
const [type, setType] = React2.useState(initialType);
|
|
2743
2738
|
const [isHovered, setIsHovered] = React2.useState(false);
|
|
2744
2739
|
const uniqueId = React2.useId();
|
|
2745
2740
|
const inputRef = React2__namespace.default.useRef(null);
|