Refactor: CSS handling (#2344)

* refactor(css): only load base styles, add css task, cleanup exports
* style(base): add edge label bg
* refactor(css): use css-utils
* feat(core): add Panel component
* refactor(background): cleanup
* refactor(css-handling): cleanup

packages/renderer/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@react-flow/renderer",
+  "version": "11.0.0",
+  "description": "The main React Flow package that comes with all the essentials.",
+  "main": "dist/react-flow-renderer.cjs.js",
+  "module": "dist/react-flow-renderer.esm.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "postcss src/*.css --config ../../tooling/postcss.config.json --dir dist"
+  },
+  "dependencies": {
+    "@react-flow/background": "11.0.0",
+    "@react-flow/controls": "11.0.0",
+    "@react-flow/core": "11.0.0",
+    "@react-flow/minimap": "11.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.1.0",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.8",
+    "postcss": "^8.4.14",
+    "postcss-cli": "^10.0.0",
+    "postcss-import": "^14.1.0",
+    "postcss-nested": "^5.0.6"
+  }
+}

packages/renderer/src/index.ts

@@ -0,0 +1,4 @@
+export * from '@react-flow/core';
+export * from '@react-flow/minimap';
+export * from '@react-flow/controls';
+export * from '@react-flow/background';

packages/renderer/src/theme-default.css

@@ -0,0 +1 @@
+@import '@react-flow/core/dist/theme-default.css';