Split button style and class props removed

api-generator/components/splitbutton.js

@@ -53,35 +53,11 @@ const SplitButtonProps = [
         default: 'null',
         description: 'Inline of the component.'
     },
-    {
-        name: 'buttonClass',
-        type: 'string',
-        default: 'null',
-        description: 'Style class of the button.'
-    },
     {
         name: 'menuButtonIcon',
         type: 'string',
         default: 'null',
         description: 'Name of the menu button icon.'
-    },
-    {
-        name: 'menuButtonClass',
-        type: 'string',
-        default: 'null',
-        description: 'Style class of the menu button.'
-    },
-    {
-        name: 'menuClass',
-        type: 'string',
-        default: 'null',
-        description: 'Style class of the menu.'
-    },
-    {
-        name: 'menuStyle',
-        type: 'any',
-        default: 'null',
-        description: 'Inline style of the menu.'
     }
 ];
 

components/splitbutton/SplitButton.d.ts

@@ -53,26 +53,10 @@ export interface SplitButtonProps {
      * Uses to pass all properties of the HTMLButtonElement to the menu button.
      */
     menuButtonProps?: ButtonHTMLAttributes | undefined;
-    /**
-     * Style class of the button.
-     */
-    buttonClass?: string | undefined;
     /**
      * Name of the menu button icon.
      */
     menuButtonIcon?: string | undefined;
-    /**
-     * Style class of the menu button.
-     */
-    menuButtonClass?: string | undefined;
-    /**
-     * Style class of the menu.
-     */
-    menuClass?: string | undefined;
-    /**
-     * Inline style of the menu.
-     */
-    menuStyle?: any | undefined;
 }
 
 export interface SplitButtonSlots {

components/splitbutton/SplitButton.vue

@@ -1,12 +1,12 @@
 <template>
     <div :class="containerClass" :style="style">
         <slot>
-            <PVSButton type="button" :class="buttonClasses" :icon="icon" :label="label" :disabled="disabled" :aria-label="label" @click="onDefaultButtonClick" v-bind="buttonProps" />
+            <PVSButton type="button" class="p-splitbutton-defaultbutton" :icon="icon" :label="label" :disabled="disabled" :aria-label="label" @click="onDefaultButtonClick" v-bind="buttonProps" />
         </slot>
         <PVSButton
             ref="button"
             type="button"
-            :class="menuButtonClasses"
+            class="p-splitbutton-menubutton"
             :icon="menuButtonIcon"
             :disabled="disabled"
             aria-haspopup="true"
@@ -16,7 +16,7 @@
             @keydown="onDropdownKeydown"
             v-bind="menuButtonProps"
         />
-        <PVSMenu ref="menu" :id="ariaId + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" :style="menuStyle" :class="menuClass" />
+        <PVSMenu ref="menu" :id="ariaId + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" />
     </div>
 </template>
 
@@ -68,10 +68,6 @@ export default {
             type: null,
             default: null
         },
-        buttonClass: {
-            type: String,
-            default: null
-        },
         menuButtonProps: {
             type: null,
             default: null
@@ -79,18 +75,6 @@ export default {
         menuButtonIcon: {
             type: String,
             default: 'pi pi-chevron-down'
-        },
-        menuButtonClass: {
-            type: String,
-            default: null
-        },
-        menuClass: {
-            type: String,
-            default: null
-        },
-        menuStyle: {
-            type: null,
-            default: null
         }
     },
     data() {
@@ -119,12 +103,6 @@ export default {
         },
         containerClass() {
             return ['p-splitbutton p-component', this.class];
-        },
-        menuButtonClasses() {
-            return ['p-splitbutton-menubutton', this.menuButtonClass];
-        },
-        buttonClasses() {
-            return ['p-splitbutton-defaultbutton', this.buttonClass];
         }
     },
     components: {

pages/splitbutton/SplitButtonDoc.vue

@@ -182,36 +182,12 @@ export default {
                         <td>null</td>
                         <td>Uses to pass all properties of the HTMLButtonElement to the menu button.</td>
                     </tr>
-                    <tr>
-                        <td>buttonClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the button.</td>
-                    </tr>
                     <tr>
                         <td>menuButtonIcon</td>
                         <td>string</td>
                         <td>null</td>
                         <td>Name of the menu button icon.</td>
                     </tr>
-                    <tr>
-                        <td>menuButtonClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the menu button.</td>
-                    </tr>
-                    <tr>
-                        <td>menuClass</td>
-                        <td>string</td>
-                        <td>null</td>
-                        <td>Style class of the menu.</td>
-                    </tr>
-                    <tr>
-                        <td>menuStyle</td>
-                        <td>any</td>
-                        <td>null</td>
-                        <td>Inline style of the menu.</td>
-                    </tr>
                 </tbody>
             </table>
         </div>