Fixed #4530 - Export styles of all components

components/lib/selectbutton/BaseSelectButton.vue

@@ -1,17 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: ({ props }) => ['p-selectbutton p-buttonset p-component', { 'p-disabled': props.disabled }],
-    button: ({ instance, option }) => [
-        'p-button p-component',
-        {
-            'p-highlight': instance.isSelected(option),
-            'p-disabled': instance.isOptionDisabled(option)
-        }
-    ],
-    label: 'p-button-label'
-};
+import SelectButtonStyle from 'primevue/selectbutton/style';
 
 export default {
     name: 'BaseSelectButton',
@@ -34,9 +23,7 @@ export default {
             default: null
         }
     },
-    css: {
-        classes
-    },
+    style: SelectButtonStyle,
     provide() {
         return {
             $parentInstance: this

components/lib/selectbutton/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./selectbutton.cjs.js",
-  "module": "./selectbutton.esm.js",
-  "unpkg": "./selectbutton.min.js",
-  "types": "./SelectButton.d.ts",
-  "browser": {
-    "./sfc": "./SelectButton.vue"
-  }
-}
+    "main": "./selectbutton.cjs.js",
+    "module": "./selectbutton.esm.js",
+    "unpkg": "./selectbutton.min.js",
+    "types": "./SelectButton.d.ts",
+    "browser": {
+        "./sfc": "./SelectButton.vue"
+    }
+}

components/lib/selectbutton/style/SelectButtonStyle.js

@@ -0,0 +1,19 @@
+import BaseStyle from 'primevue/base/style';
+
+const classes = {
+    root: ({ props }) => ['p-selectbutton p-buttonset p-component', { 'p-disabled': props.disabled }],
+    button: ({ instance, option }) => [
+        'p-button p-component',
+        {
+            'p-highlight': instance.isSelected(option),
+            'p-disabled': instance.isOptionDisabled(option)
+        }
+    ],
+    label: 'p-button-label'
+};
+
+export default BaseStyle.extend({
+    name: 'selectbutton',
+    classes,
+    loadStyle: () => {}
+});

components/lib/selectbutton/style/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "./selectbuttonstyle.cjs.js",
+    "module": "./selectbuttonstyle.esm.js",
+    "unpkg": "./selectbuttonstyle.min.js"
+}