Fixed #4530 - Export styles of all components

components/lib/panel/BasePanel.vue

@@ -1,48 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-panel-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    
-    .p-panel-title {
-        line-height: 1;
-    }
-    
-    .p-panel-header-icon {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        text-decoration: none;
-        overflow: hidden;
-        position: relative;
-    }
-}
-`;
-
-const classes = {
-    root: ({ props }) => [
-        'p-panel p-component',
-        {
-            'p-panel-toggleable': props.toggleable
-        }
-    ],
-    header: 'p-panel-header',
-    title: 'p-panel-title',
-    icons: 'p-panel-icons',
-    toggler: 'p-panel-header-icon p-panel-toggler p-link',
-    toggleablecontent: 'p-toggleable-content',
-    content: 'p-panel-content',
-    footer: 'p-panel-footer'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'panel', manual: true });
+import PanelStyle from 'primevue/panel/style';
 
 export default {
     name: 'BasePanel',
@@ -56,10 +14,7 @@ export default {
             default: null
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: PanelStyle,
     provide() {
         return {
             $parentInstance: this