Migrating to and from Paperclip is easy since most of Paperclip's patterns are shared across different libraries.
You have a few options here. The easiest option is to just import CSS files directly into your document, for example:
This requires no migration effort, and allows you to maintain a boundary between your styles and Paperclip if you want to. You still have all of the benefits of Paperclip (scoped CSS, realtime visual development, visual regesssion tests).
If you want to move from CSS however, it's basically just copying and pasting. For example:
Just paste this like so:
If your CSS selectors are specific to an element, then I'd recommend moving them to a
PC file and export a component associated with that selector. If your styles are more atomic, then I'd recommend keeping them in a
CSS file and importing that into your PC documents where they're needed.
For the most part, translating styled components to Paperclip is a 1-1 map. Here's an example of some styled components:
The translation to Paperclip would be this:
After migrating from Emotion / styled-components / etc, all you need to do is change your styled component imports: