Refactor #4530

components/lib/base/style/BaseStyle.js

@@ -33,16 +33,20 @@ export default {
     classes,
     inlineStyles,
     loadStyle(options = {}) {
-        return useStyle(this.css, { name: this.name, ...options });
+        return this.css ? useStyle(this.css, { name: this.name, ...options }) : {};
     },
     getStyleSheet(extendedCSS = '', props = {}) {
-        const _props = Object.entries(props)
-            .reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, [])
-            .join(' ');
+        if (this.css) {
+            const _props = Object.entries(props)
+                .reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, [])
+                .join(' ');
 
-        return `<style type="text/css" data-primevue-style-id="${this.name}" ${_props}>${this.css}${extendedCSS}</style>`;
+            return `<style type="text/css" data-primevue-style-id="${this.name}" ${_props}>${this.css}${extendedCSS}</style>`;
+        }
+
+        return '';
     },
     extend(style) {
-        return { ...this, ...style };
+        return { ...this, css: undefined, ...style };
     }
 };

components/lib/button/style/ButtonStyle.js

@@ -35,6 +35,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'button',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/card/style/CardStyle.js

@@ -12,6 +12,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'card',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/checkbox/style/CheckboxStyle.js

@@ -22,6 +22,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'checkbox',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/confirmdialog/style/ConfirmDialogStyle.js

@@ -10,6 +10,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'confirmdialog',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/dataview/style/DataViewStyle.js

@@ -19,6 +19,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'dataview',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/dataviewlayoutoptions/style/DataViewLayoutOptionsStyle.js

@@ -18,6 +18,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'dataviewlayoutoptions',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/inputmask/style/InputMaskStyle.js

@@ -11,6 +11,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'inputmask',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/inputtext/style/InputTextStyle.js

@@ -13,6 +13,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'inputtext',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/radiobutton/style/RadioButtonStyle.js

@@ -22,6 +22,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'radiobutton',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/selectbutton/style/SelectButtonStyle.js

@@ -14,6 +14,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'selectbutton',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/togglebutton/style/ToggleButtonStyle.js

@@ -22,6 +22,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'accordion',
-    classes,
-    loadStyle: () => {}
+    classes
 });

components/lib/tristatecheckbox/style/TriStateCheckboxStyle.js

@@ -24,6 +24,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'tristatecheckbox',
-    classes,
-    loadStyle: () => {}
+    classes
 });