Fixed #4530 - Export styles of all components

components/lib/chip/BaseChip.vue

@@ -1,46 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-chip {
-        display: inline-flex;
-        align-items: center;
-    }
-    
-    .p-chip-text {
-        line-height: 1.5;
-    }
-    
-    .p-chip-icon.pi {
-        line-height: 1.5;
-    }
-    
-    .p-chip-remove-icon {
-        line-height: 1.5;
-        cursor: pointer;
-    }
-    
-    .p-chip img {
-        border-radius: 50%;
-    }
-}
-`;
-
-const classes = {
-    root: ({ props }) => [
-        'p-chip p-component',
-        {
-            'p-chip-image': props.image != null
-        }
-    ],
-    icon: 'p-chip-icon',
-    label: 'p-chip-text',
-    removeIcon: 'p-chip-remove-icon'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'chip', manual: true });
+import ChipStyle from 'primevue/chip/style';
 
 export default {
     name: 'BaseChip',
@@ -67,10 +27,7 @@ export default {
             default: undefined
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: ChipStyle,
     provide() {
         return {
             $parentInstance: this