Fixed #4530 - Export styles of all components

components/lib/ripple/style/RippleStyle.js

@@ -0,0 +1,44 @@
+import BaseStyle from 'primevue/base/style';
+
+const css = `
+@keyframes ripple {
+    100% {
+        opacity: 0;
+        transform: scale(2.5);
+    }
+}
+
+@layer primevue {
+    .p-ripple {
+        overflow: hidden;
+        position: relative;
+    }
+
+    .p-ink {
+        display: block;
+        position: absolute;
+        background: rgba(255, 255, 255, 0.5);
+        border-radius: 100%;
+        transform: scale(0);
+        pointer-events: none;
+    }
+
+    .p-ink-active {
+        animation: ripple 0.4s linear;
+    }
+
+    .p-ripple-disabled .p-ink {
+        display: none !important;
+    }
+}
+`;
+
+const classes = {
+    root: 'p-ink'
+};
+
+export default BaseStyle.extend({
+    name: 'ripple',
+    css,
+    classes
+});