Fixed #5176 - variant added

components/lib/inputmask/BaseInputMask.vue

@@ -26,6 +26,14 @@ export default {
         readonly: {
             type: Boolean,
             default: false
+        },
+        invalid: {
+            type: Boolean,
+            default: false
+        },
+        variant: {
+            type: String,
+            default: 'outlined'
         }
     },
     style: InputMaskStyle

components/lib/inputmask/InputMask.d.ts

@@ -114,6 +114,16 @@ export interface InputMaskProps {
      * @defaultValue false
      */
     readonly?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {InputMaskPassThroughOptions}

components/lib/inputmask/style/InputMaskStyle.js

@@ -1,10 +1,12 @@
 import BaseStyle from 'primevue/base/style';
 
 const classes = {
-    root: ({ instance }) => [
+    root: ({ props, instance }) => [
         'p-inputmask p-inputtext p-component',
         {
-            'p-filled': instance.filled
+            'p-filled': instance.filled,
+            'p-invalid': props.invalid,
+            'p-variant': props.variant === 'filled'
         }
     ]
 };