Fixed #3707 - Class and Style properties type definition defects

api-generator/components/autocomplete.js

@@ -133,7 +133,7 @@ const AutoCompleteProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
@@ -151,7 +151,7 @@ const AutoCompleteProps = [
     },
     {
         name: 'panelClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the overlay panel.'
     },

api-generator/components/calendar.js

@@ -259,13 +259,13 @@ const CalendarProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },
@@ -277,13 +277,13 @@ const CalendarProps = [
     },
     {
         name: 'panelClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the overlay panel.'
     },
     {
         name: 'panelStyle',
-        type: 'string',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the overlay panel.'
     },

api-generator/components/cascadeselect.js

@@ -67,7 +67,7 @@ const CascadeSelectProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
@@ -85,7 +85,7 @@ const CascadeSelectProps = [
     },
     {
         name: 'panelClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the overlay panel.'
     },

api-generator/components/checkbox.js

@@ -61,13 +61,13 @@ const CheckboxProps = [
     },
     {
         name: 'inputClass',
-        type: 'any',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },

api-generator/components/chips.js

@@ -49,13 +49,13 @@ const ChipsProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },

api-generator/components/dropdown.js

@@ -121,7 +121,7 @@ const DropdownProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },

api-generator/components/inputnumber.js

@@ -155,13 +155,13 @@ const InputNumberProps = [
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },

api-generator/components/inputswitch.js

@@ -25,13 +25,13 @@ const InputSwitchProps = [
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },

api-generator/components/password.js

@@ -97,13 +97,13 @@ const PasswordProps = [
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },
     {
         name: 'inputClass',
-        type: 'any',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
@@ -121,13 +121,13 @@ const PasswordProps = [
     },
     {
         name: 'panelClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the overlay panel.'
     },
     {
         name: 'panelStyle',
-        type: 'string',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the overlay panel.'
     },

api-generator/components/radiobutton.js

@@ -31,13 +31,13 @@ const RadioButtonProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },

api-generator/components/togglebutton.js

@@ -55,13 +55,13 @@ const ToggleButtonProps = [
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },

api-generator/components/treeselect.js

@@ -43,13 +43,13 @@ const TreeSelectProps = [
     },
     {
         name: 'inputStyle',
-        type: 'any',
+        type: 'object',
         default: 'null',
         description: 'Inline style of the input field.'
     },
     {
         name: 'inputClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the input field.'
     },
@@ -61,7 +61,7 @@ const TreeSelectProps = [
     },
     {
         name: 'panelClass',
-        type: 'string',
+        type: 'string | object',
         default: 'null',
         description: 'Style class of the overlay panel.'
     },

components/autocomplete/AutoComplete.d.ts

@@ -183,11 +183,11 @@ export interface AutoCompleteProps {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any;
+    inputStyle?: object | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any;
+    inputClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
@@ -195,11 +195,11 @@ export interface AutoCompleteProps {
     /**
      * Inline style of the overlay panel.
      */
-    panelStyle?: any;
+    panelStyle?: object | undefined;
     /**
      * Style class of the overlay panel.
      */
-    panelClass?: any;
+    panelClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */
@@ -212,7 +212,7 @@ export interface AutoCompleteProps {
     /**
      * Style class of the dropdown button.
      */
-    dropdownClass?: string | undefined;
+    dropdownClass?: string | object | undefined;
     /**
      * Icon to display in loading state.
      * @defaultValue pi pi-spinner pi-spin

components/autocomplete/AutoComplete.vue

@@ -222,11 +222,11 @@ export default {
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputProps: {
@@ -234,11 +234,11 @@ export default {
             default: null
         },
         panelStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         panelClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         panelProps: {
@@ -250,7 +250,7 @@ export default {
             default: 'pi pi-chevron-down'
         },
         dropdownClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         loadingIcon: {

components/calendar/Calendar.d.ts

@@ -307,11 +307,11 @@ export interface CalendarProps {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
@@ -319,11 +319,11 @@ export interface CalendarProps {
     /**
      * Inline style of the overlay panel.
      */
-    panelStyle?: any | undefined;
+    panelStyle?: object | undefined;
     /**
      * Style class of the overlay panel.
      */
-    panelClass?: any | undefined;
+    panelClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */

components/calendar/Calendar.vue

@@ -504,11 +504,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {
@@ -516,11 +516,11 @@ export default {
             default: null
         },
         panelClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         panelStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         panelProps: {

components/cascadeselect/CascadeSelect.d.ts

@@ -83,11 +83,11 @@ export interface CascadeSelectProps {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any;
+    inputStyle?: object | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any;
+    inputClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
@@ -95,11 +95,11 @@ export interface CascadeSelectProps {
     /**
      * Inline style of the overlay panel.
      */
-    panelStyle?: any;
+    panelStyle?: object | undefined;
     /**
      * Style class of the overlay panel.
      */
-    panelClass?: any;
+    panelClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */

components/cascadeselect/CascadeSelect.vue

@@ -95,11 +95,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {
@@ -107,11 +107,11 @@ export default {
             default: null
         },
         panelClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         panelStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         panelProps: {

components/checkbox/Checkbox.d.ts

@@ -67,11 +67,11 @@ export interface CheckboxProps {
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: object | undefined;
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/checkbox/Checkbox.vue

@@ -68,11 +68,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {

components/chips/Chips.d.ts

@@ -64,11 +64,11 @@ export interface ChipsProps {
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/chips/Chips.vue

@@ -91,11 +91,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {

components/dropdown/Dropdown.d.ts

@@ -126,11 +126,11 @@ export interface DropdownProps {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any;
+    inputStyle?: object | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any;
+    inputClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component.
      */
@@ -138,11 +138,11 @@ export interface DropdownProps {
     /**
      * Inline style of the overlay panel.
      */
-    panelStyle?: any;
+    panelStyle?: object | undefined;
     /**
      * Style class of the overlay panel.
      */
-    panelClass?: any;
+    panelClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */

components/dropdown/Dropdown.vue

@@ -188,11 +188,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {
@@ -200,11 +200,11 @@ export default {
             default: null
         },
         panelClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         panelStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         panelProps: {

components/inputnumber/InputNumber.d.ts

@@ -173,11 +173,11 @@ export interface InputNumberProps {
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/inputnumber/InputNumber.vue

@@ -152,11 +152,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {

components/inputswitch/InputSwitch.d.ts

@@ -35,11 +35,11 @@ export interface InputSwitchProps {
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/inputswitch/InputSwitch.vue

@@ -48,11 +48,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {

components/password/Password.d.ts

@@ -90,11 +90,11 @@ export interface PasswordProps extends InputHTMLAttributes {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
@@ -106,11 +106,11 @@ export interface PasswordProps extends InputHTMLAttributes {
     /**
      * Style class of the overlay panel.
      */
-    panelClass?: any | undefined;
+    panelClass?: string | object | undefined;
     /**
      * Inline style of the overlay panel.
      */
-    panelStyle?: any | undefined;
+    panelStyle?: object | undefined;
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */

components/password/Password.vue

@@ -114,11 +114,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {
@@ -130,11 +130,11 @@ export default {
             default: null
         },
         panelClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         panelStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         panelProps: {

components/radiobutton/RadioButton.d.ts

@@ -37,11 +37,11 @@ export interface RadioButtonProps {
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any;
+    inputStyle?: object | undefined;
     /**
      * Style class of the input field.
      */
-    inputClass?: any;
+    inputClass?: string | object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/radiobutton/RadioButton.vue

@@ -46,11 +46,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {

components/togglebutton/ToggleButton.d.ts

@@ -58,11 +58,11 @@ export interface ToggleButtonProps {
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/togglebutton/ToggleButton.vue

@@ -56,11 +56,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {

components/treeselect/TreeSelect.d.ts

@@ -77,11 +77,11 @@ export interface TreeSelectProps {
     /**
      * Style class of the input field.
      */
-    inputClass?: any | undefined;
+    inputClass?: string | object | undefined;
     /**
      * Inline style of the input field.
      */
-    inputStyle?: any | undefined;
+    inputStyle?: object | undefined;
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */

components/treeselect/TreeSelect.vue

@@ -128,11 +128,11 @@ export default {
             default: null
         },
         inputClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         inputStyle: {
-            type: null,
+            type: Object,
             default: null
         },
         inputProps: {
@@ -140,7 +140,7 @@ export default {
             default: null
         },
         panelClass: {
-            type: String,
+            type: [String, Object],
             default: null
         },
         panelProps: {