feat(CSS)!: support per-component CSS

nx.json

@@ -6,7 +6,7 @@
   "namedInputs": {},
   "targetDefaults": {
     "build": {
-      "dependsOn": ["^build", "build:icons", "build:imports"],
+      "dependsOn": ["^build", "build:icons", "build:imports", "build:css"],
       "cache": true
     },
     "start": {
@@ -32,9 +32,18 @@
         "{projectRoot}/src/components/Icon/tablerMappings.yaml"
       ]
     },
+    "build:css": {
+      "dependsOn": ["^build", "build:base"],
+      "cache": true,
+      "inputs": ["default"]
+    },
     "build:imports": {
       "cache": true,
       "inputs": ["default", "{projectRoot}/src/content/**/*.mdx"]
+    },
+    "build:base": {
+      "cache": true,
+      "inputs": ["default"]
     }
   }
 }

packages/components/MIGRATION.md

@@ -0,0 +1,14 @@
+## From version 0.1.0-alpha.291 to 0.1.0-alpha.292
+
+### Renamed CSS export
+
+The CSS export `@mittwald/flow-react-components/styles` has renamed to the more
+precise name `@mittwald/flow-react-components/all.css`, because the file
+contains the CSS of all components, and now there are CSS exports per component
+as well. A documentation on how to use them is planned.
+
+```diff
+// main.js
+- import "@mittwald/flow-react-components/styles";
++ import "@mittwald/flow-react-components/all.css";
+```