@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.js
CHANGED
|
@@ -1850,19 +1850,13 @@ var getStyleByType = ({
|
|
|
1850
1850
|
height: 32px;
|
|
1851
1851
|
`;
|
|
1852
1852
|
}
|
|
1853
|
-
if (type === "text" || type === "password") {
|
|
1854
|
-
return css`
|
|
1855
|
-
width: ${width != null ? width : "100%"};
|
|
1856
|
-
min-width: ${minWidth != null ? minWidth : "initial"};
|
|
1857
|
-
max-width: ${maxWidth != null ? maxWidth : "initial"};
|
|
1858
|
-
height: ${height != null ? height : "initial"};
|
|
1859
|
-
min-height: ${minHeight != null ? minHeight : "initial"};
|
|
1860
|
-
max-height: ${maxHeight != null ? maxHeight : "initial"};
|
|
1861
|
-
`;
|
|
1862
|
-
}
|
|
1863
1853
|
return css`
|
|
1864
|
-
width:
|
|
1865
|
-
|
|
1854
|
+
width: ${width != null ? width : "100%"};
|
|
1855
|
+
min-width: ${minWidth != null ? minWidth : "initial"};
|
|
1856
|
+
max-width: ${maxWidth != null ? maxWidth : "initial"};
|
|
1857
|
+
height: ${height != null ? height : "initial"};
|
|
1858
|
+
min-height: ${minHeight != null ? minHeight : "initial"};
|
|
1859
|
+
max-height: ${maxHeight != null ? maxHeight : "initial"};
|
|
1866
1860
|
`;
|
|
1867
1861
|
};
|
|
1868
1862
|
var InputWrapper = styled5.label`
|
|
@@ -2607,6 +2601,7 @@ var StyledInput = styled5.input`
|
|
|
2607
2601
|
background-color: transparent;
|
|
2608
2602
|
display: flex;
|
|
2609
2603
|
min-width: 64px;
|
|
2604
|
+
width: 100%;
|
|
2610
2605
|
border: none;
|
|
2611
2606
|
box-sizing: border-box;
|
|
2612
2607
|
&::placeholder {
|
|
@@ -2714,7 +2709,7 @@ var Input = forwardRef(
|
|
|
2714
2709
|
]);
|
|
2715
2710
|
const [text, setText] = useState("");
|
|
2716
2711
|
const [isFocused, setIsFocused] = useState(false);
|
|
2717
|
-
const [type, setType] = useState(
|
|
2712
|
+
const [type, setType] = useState(initialType);
|
|
2718
2713
|
const [isHovered, setIsHovered] = useState(false);
|
|
2719
2714
|
const uniqueId = useId();
|
|
2720
2715
|
const inputRef = React2__default.useRef(null);
|