@galaxy-ds/core 2.1.7 → 2.1.8

package/dist/index.js

@@ -18749,12 +18749,13 @@ var StyledFormHelperText = styles$1.styled(FormHelperText)(function (_a) {
 });
 
 var Input = React.forwardRef(function Input(props, ref) {
-    var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, inputPropStyles = props.inputPropStyles, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className", "inputPropStyles"]);
+    var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, inputPropStyles = props.inputPropStyles, minRows = props.minRows, maxRows = props.maxRows, rows = props.rows, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className", "inputPropStyles", "minRows", "maxRows", "rows"]);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(FormLabelBlock, { children: label }), jsxRuntime.jsx(StyledInputBase, __assign({ ref: ref, error: error, textAlignRight: textAlignRight, className: clsx(size === 'large' && 'customLargeSize', background === 'light' && 'customLightColor', className), inputProps: {
                     style: __assign({ 
-                        // EDGECASE: When we use multiline and set minRows, maxRows, rows we need to define the width of the input. By default we set this to 162.
-                        width: inputPropStyles ? inputPropStyles.width : 162 }, inputPropStyles),
-                } }, rest)), helperText && (jsxRuntime.jsx(StyledFormHelperText, { error: error, children: helperText }))] }));
+                        // EDGECASE: When we use multiline and set minRows, maxRows, rows we need to define the width of the input. 100% here will inherit parent container.
+                        // If there's no container we need to define the width. Otherwise the input will fluctate in size on keydown when rows param exist.
+                        width: inputPropStyles ? inputPropStyles.width : '100%' }, inputPropStyles),
+                }, rows: rows, minRows: minRows, maxRows: maxRows }, rest)), helperText && (jsxRuntime.jsx(StyledFormHelperText, { error: error, children: helperText }))] }));
 });
 
 var ListItemAvatar = function (props) {