@muonic/muon 0.0.2-beta.24 → 0.0.2-beta.25

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.2-beta.25](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.24...v0.0.2-beta.25) (2023-07-05)
+
 ### [0.0.2-beta.24](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.23...v0.0.2-beta.24) (2023-07-04)
 
 ### [0.0.2-beta.23](https://github.com/centrica-engineering/muon/compare/v0.0.2-beta.22...v0.0.2-beta.23) (2023-07-04)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muonic/muon",
-  "version": "0.0.2-beta.24",
+  "version": "0.0.2-beta.25",
   "description": "",
   "main": "index.js",
   "scripts": {

package/scripts/rollup-plugins.mjs

@@ -132,7 +132,8 @@ const aliasConfig = {
 const styleConfig = {
   mode: 'emit',
   minimize: true,
-  plugins: postcssPlugins
+  plugins: postcssPlugins,
+  extract: true
 };
 
 const replaceConfig = {
@@ -158,6 +159,19 @@ export const rollupPlugins = [
   replacePlugin(replaceConfig),
   stylesPlugin(styleConfig),
   litcssPlugin({ exclude: ['**/css/*.css', '**/dist/*.css', 'muon.min.css', '**/**/*.slotted.css'] }),
-  cssPlugin({ include: '**/**/*.slotted.css' }),
+  cssPlugin({
+    include: '**/**/*.slotted.css',
+    transform: (css) => {
+      // TODO: find a way to not have to do this - find why css is being turned to a function and then a string
+      const styles = css.replaceAll('export default "', '').replaceAll('";', '');
+      const needsUnescaping = /\\./.test(styles);
+
+      if (needsUnescaping) {
+        return JSON.parse(`"${styles}"`);
+      }
+
+      return styles;
+    }
+  }),
   muonPlugin()
 ];