Fixed #4530 - Export styles of all components

components/lib/splitbutton/style/SplitButtonStyle.js

@@ -0,0 +1,60 @@
+import BaseStyle from 'primevue/base/style';
+
+const css = `
+@layer primevue {
+    .p-splitbutton {
+        display: inline-flex;
+        position: relative;
+    }
+
+    .p-splitbutton .p-splitbutton-defaultbutton,
+    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
+    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
+        flex: 1 1 auto;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-right: 0 none;
+    }
+
+    .p-splitbutton-menubutton,
+    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
+    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    .p-splitbutton .p-menu {
+        min-width: 100%;
+    }
+
+    .p-fluid .p-splitbutton {
+        display: flex;
+    }
+}
+`;
+
+const classes = {
+    root: ({ props }) => [
+        'p-splitbutton p-component',
+        {
+            [`p-button-${props.severity}`]: props.severity,
+            'p-button-raised': props.raised,
+            'p-button-rounded': props.rounded,
+            'p-button-text': props.text,
+            'p-button-outlined': props.outlined,
+            'p-button-sm': props.size === 'small',
+            'p-button-lg': props.size === 'large'
+        }
+    ],
+    button: 'p-splitbutton-defaultbutton',
+    menuButton: 'p-splitbutton-menubutton'
+};
+
+export default BaseStyle.extend({
+    name: 'splitbutton',
+    css,
+    classes
+});

components/lib/splitbutton/style/package.json

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