Fixed #4530 - Export styles of all components

components/lib/dataviewlayoutoptions/BaseDataViewLayoutOptions.vue

@@ -1,21 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: 'p-dataview-layout-options p-selectbutton p-buttonset',
-    listButton: ({ props }) => [
-        'p-button p-button-icon-only',
-        {
-            'p-highlight': props.modelValue === 'list'
-        }
-    ],
-    gridButton: ({ props }) => [
-        'p-button p-button-icon-only',
-        {
-            'p-highlight': props.modelValue === 'grid'
-        }
-    ]
-};
+import DataViewLayoutOptionsStyle from 'primevue/dataviewlayoutoptions/style';
 
 export default {
     name: 'BaseDataViewLayoutOptions',
@@ -23,9 +8,7 @@ export default {
     props: {
         modelValue: String
     },
-    css: {
-        classes
-    },
+    style: DataViewLayoutOptionsStyle,
     provide() {
         return {
             $parentInstance: this

components/lib/dataviewlayoutoptions/package.json

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

components/lib/dataviewlayoutoptions/style/DataViewLayoutOptionsStyle.js

@@ -0,0 +1,23 @@
+import BaseStyle from 'primevue/base/style';
+
+const classes = {
+    root: 'p-dataview-layout-options p-selectbutton p-buttonset',
+    listButton: ({ props }) => [
+        'p-button p-button-icon-only',
+        {
+            'p-highlight': props.modelValue === 'list'
+        }
+    ],
+    gridButton: ({ props }) => [
+        'p-button p-button-icon-only',
+        {
+            'p-highlight': props.modelValue === 'grid'
+        }
+    ]
+};
+
+export default BaseStyle.extend({
+    name: 'dataviewlayoutoptions',
+    classes,
+    loadStyle: () => {}
+});

components/lib/dataviewlayoutoptions/style/package.json

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