Refactor #5176

api-generator/components/autocomplete.js

@@ -98,7 +98,7 @@ const AutoCompleteProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/calendar.js

@@ -266,7 +266,7 @@ const CalendarProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/cascadeselect.js

@@ -62,7 +62,7 @@ const CascadeSelectProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/checkbox.js

@@ -32,7 +32,7 @@ const CheckboxProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/chips.js

@@ -44,7 +44,7 @@ const ChipsProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/dropdown.js

@@ -104,7 +104,7 @@ const DropdownProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/inputmask.js

@@ -38,7 +38,7 @@ const InputMaskProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/inputnumber.js

@@ -156,7 +156,7 @@ const InputNumberProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/inputtext.js

@@ -20,7 +20,7 @@ const InputTextProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/multiselect.js

@@ -68,7 +68,7 @@ const MultiSelectProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/password.js

@@ -92,7 +92,7 @@ const PasswordProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/radiobutton.js

@@ -32,7 +32,7 @@ const RadioButtonProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/textarea.js

@@ -20,7 +20,7 @@ const TextareaProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/treeselect.js

@@ -38,7 +38,7 @@ const TreeSelectProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

api-generator/components/tristatecheckbox.js

@@ -20,7 +20,7 @@ const TriStateCheckboxProps = [
     {
         name: 'variant',
         type: 'string',
-        default: 'outlined',
+        default: 'null',
         description: 'Specifies the input variant of the component.'
     },
     {

components/lib/colorpicker/style/ColorPickerStyle.js

@@ -20,7 +20,6 @@ const classes = {
         {
             'p-colorpicker-overlay-panel': !props.inline,
             'p-disabled': props.disabled,
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/confirmpopup/style/ConfirmPopupStyle.js

@@ -78,7 +78,6 @@ const classes = {
     root: ({ instance }) => [
         'p-confirm-popup p-component',
         {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/contextmenu/style/ContextMenuStyle.js

@@ -50,7 +50,6 @@ const classes = {
     root: ({ instance }) => [
         'p-contextmenu p-component',
         {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/datatable/style/DataTableStyle.js

@@ -323,7 +323,6 @@ const classes = {
         {
             'p-column-filter-overlay p-component p-fluid': true,
             'p-column-filter-overlay-menu': props.display === 'menu',
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/dialog/style/DialogStyle.js

@@ -171,7 +171,6 @@ const classes = {
         {
             'p-dialog-rtl': props.rtl,
             'p-dialog-maximized': props.maximizable && instance.maximized,
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/galleria/style/GalleriaStyle.js

@@ -292,7 +292,6 @@ const classes = {
     mask: ({ instance }) => [
         'p-galleria-mask p-component-overlay p-component-overlay-enter',
         {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/menu/style/MenuStyle.js

@@ -28,7 +28,6 @@ const classes = {
         'p-menu p-component',
         {
             'p-menu-overlay': props.popup,
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/overlaypanel/style/OverlayPanelStyle.js

@@ -78,7 +78,6 @@ const classes = {
     root: ({ instance }) => [
         'p-overlaypanel p-component',
         {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/sidebar/style/SidebarStyle.js

@@ -185,7 +185,6 @@ const classes = {
     root: ({ instance }) => [
         'p-sidebar p-component',
         {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false,
             'p-sidebar-full': instance.fullScreen
         }

components/lib/tieredmenu/style/TieredMenuStyle.js

@@ -62,7 +62,6 @@ const classes = {
         'p-tieredmenu p-component',
         {
             'p-tieredmenu-overlay': props.popup,
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/toast/style/ToastStyle.js

@@ -92,7 +92,6 @@ const classes = {
     root: ({ props, instance }) => [
         'p-toast p-component p-toast-' + props.position,
         {
-            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
             'p-ripple-disabled': instance.$primevue.config.ripple === false
         }
     ],

components/lib/treeselect/BaseTreeSelect.vue

@@ -20,6 +20,10 @@ export default {
             type: Boolean,
             default: false
         },
+        variant: {
+            type: String,
+            default: null
+        },
         disabled: {
             type: Boolean,
             default: false

components/lib/treeselect/style/TreeSelectStyle.js

@@ -67,6 +67,7 @@ const classes = {
             'p-disabled': props.disabled,
             'p-invalid': props.invalid,
             'p-focus': instance.focused,
+            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled',
             'p-inputwrapper-filled': !instance.emptyValue,
             'p-inputwrapper-focus': instance.focused || instance.overlayVisible
         }