chore(textarea): multiple rows prop renamed

heroui-inc · Nov 8, 2023 · 669cb00 · 669cb00
1 parent f9f9a56
commit 669cb00
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/input/src/textarea.tsx b/packages/components/input/src/textarea.tsx
@@ -90,14 +90,14 @@ const Textarea = forwardRef<"textarea", TextAreaProps>(
       getErrorMessageProps,
     } = useInput<HTMLTextAreaElement>({...otherProps, ref, isMultiline: true});
 
-    const [isTwoRows, setIsTwoRows] = useState(minRows > 1);
+    const [hasMultipleRows, setIsHasMultipleRows] = useState(minRows > 1);
     const [isLimitReached, setIsLimitReached] = useState(false);
     const labelContent = <label {...getLabelProps()}>{label}</label>;
     const inputProps = getInputProps();
 
     const handleHeightChange = (height: number, meta: TextareaHeightChangeMeta) => {
       if (minRows === 1) {
-        setIsTwoRows(height >= meta.rowHeight * 2);
+        setIsHasMultipleRows(height >= meta.rowHeight * 2);
       }
       if (maxRows > minRows) {
         const limitReached = height >= maxRows * meta.rowHeight;
@@ -139,7 +139,7 @@ const Textarea = forwardRef<"textarea", TextAreaProps>(
     return (
       <Component {...getBaseProps()}>
         {shouldLabelBeOutside ? labelContent : null}
-        <div {...getInputWrapperProps()} data-two-rows={dataAttr(isTwoRows)}>
+        <div {...getInputWrapperProps()} data-has-multiple-rows={dataAttr(hasMultipleRows)}>
           {shouldLabelBeInside ? labelContent : null}
           {innerWrapper}
         </div>

diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
@@ -858,7 +858,7 @@ const input = tv({
       isMultiline: true,
       radius: "full",
       class: {
-        inputWrapper: "data-[two-rows=true]:rounded-large",
+        inputWrapper: "data-[has-multiple-rows=true]:rounded-large",
       },
     },
   ],