Fixed #4530 - Export styles of all components

components/lib/checkbox/BaseCheckbox.vue

@@ -1,25 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: ({ instance, props }) => [
-        'p-checkbox p-component',
-        {
-            'p-checkbox-checked': instance.checked,
-            'p-checkbox-disabled': props.disabled,
-            'p-checkbox-focused': instance.focused
-        }
-    ],
-    input: ({ instance, props }) => [
-        'p-checkbox-box',
-        {
-            'p-highlight': instance.checked,
-            'p-disabled': props.disabled,
-            'p-focus': instance.focused
-        }
-    ],
-    icon: 'p-checkbox-icon'
-};
+import CheckboxStyle from 'primevue/checkbox/style';
 
 export default {
     name: 'BaseCheckbox',
@@ -81,9 +62,7 @@ export default {
             default: null
         }
     },
-    css: {
-        classes
-    },
+    style: CheckboxStyle,
     provide() {
         return {
             $parentInstance: this

components/lib/checkbox/package.json

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

components/lib/checkbox/style/CheckboxStyle.js

@@ -0,0 +1,27 @@
+import BaseStyle from 'primevue/base/style';
+
+const classes = {
+    root: ({ instance, props }) => [
+        'p-checkbox p-component',
+        {
+            'p-checkbox-checked': instance.checked,
+            'p-checkbox-disabled': props.disabled,
+            'p-checkbox-focused': instance.focused
+        }
+    ],
+    input: ({ instance, props }) => [
+        'p-checkbox-box',
+        {
+            'p-highlight': instance.checked,
+            'p-disabled': props.disabled,
+            'p-focus': instance.focused
+        }
+    ],
+    icon: 'p-checkbox-icon'
+};
+
+export default BaseStyle.extend({
+    name: 'checkbox',
+    classes,
+    loadStyle: () => {}
+});

components/lib/checkbox/style/package.json

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