Fixed #4530 - Export styles of all components

components/lib/inputtext/BaseInputText.vue

@@ -1,16 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: ({ instance, props }) => [
-        'p-inputtext p-component',
-        {
-            'p-filled': instance.filled,
-            'p-inputtext-sm': props.size === 'small',
-            'p-inputtext-lg': props.size === 'large'
-        }
-    ]
-};
+import InputTextStyle from 'primevue/inputtext/style';
 
 export default {
     name: 'BaseInputText',
@@ -22,9 +12,7 @@ export default {
             default: null
         }
     },
-    css: {
-        classes
-    },
+    style: InputTextStyle,
     provide() {
         return {
             $parentInstance: this

components/lib/inputtext/package.json

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

components/lib/inputtext/style/InputTextStyle.js

@@ -0,0 +1,18 @@
+import BaseStyle from 'primevue/base/style';
+
+const classes = {
+    root: ({ instance, props }) => [
+        'p-inputtext p-component',
+        {
+            'p-filled': instance.filled,
+            'p-inputtext-sm': props.size === 'small',
+            'p-inputtext-lg': props.size === 'large'
+        }
+    ]
+};
+
+export default BaseStyle.extend({
+    name: 'inputtext',
+    classes,
+    loadStyle: () => {}
+});

components/lib/inputtext/style/package.json

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