Refactor #5176 - invalid property added

components/lib/textarea/BaseTextarea.vue

@@ -7,7 +7,11 @@ export default {
     extends: BaseComponent,
     props: {
         modelValue: null,
-        autoResize: Boolean
+        autoResize: Boolean,
+        invalid: {
+            type: Boolean,
+            default: false
+        }
     },
     style: TextareaStyle,
     provide() {

components/lib/textarea/Textarea.d.ts

@@ -97,6 +97,11 @@ export interface TextareaProps extends TextareaHTMLAttributes {
      * @defaultValue false
      */
     autoResize?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {TextareaPassThroughOptions}

components/lib/textarea/style/TextareaStyle.js

@@ -18,7 +18,8 @@ const classes = {
         'p-inputtextarea p-inputtext p-component',
         {
             'p-filled': instance.filled,
-            'p-inputtextarea-resizable ': props.autoResize
+            'p-inputtextarea-resizable ': props.autoResize,
+            'p-invalid': props.invalid
         }
     ]
 };