Merge pull request #75 from it-at-m/72-fix-style-exports

72 fix style exports

Author: FabianWilms

docs/GettingStarted.mdx

@@ -32,29 +32,29 @@ export default defineConfig({
 });
 ```
 
-In your Webcomponents root you should import the MDE5-CSS and SVG-Sprite for MDE5-Icons:
+In your Webcomponents root you should import the MDE5-CSS and SVG-Sprite for MDE5-Icons, as well as the optional custom-icons SVG-Sprite:
 
 ```html
 <script
   lang="ts"
   setup
 >
-  import sprites from "@muenchen/muc-patternlab-vue/dist/assets/temporary/muc-icons.svg?raw";
+  import mucIconsSprite from "@muenchen/muc-patternlab-vue/dist/assets/temporary/muc-icons.svg?raw";
+  import customIconsSprite from "@muenchen/muc-patternlab-vue/dist/assets/temporary/custom-icons.svg?raw";
 </script>
 
 <template>
   <div>
-    <svg
-      style="display: none;"
-      v-html="sprites"
-    ></svg>
+    <div v-html="mucIconsSprite"></div>
+    <div v-html="customIconsSprite"></div>
     <...>
   </div>
 </template>
 
 <style>
   @import "@muenchen/muc-patternlab-vue/dist/assets/temporary/muenchende-style.css";
   @import "@muenchen/muc-patternlab-vue/dist/assets/temporary/custom-style.css";
+  @import "@muenchen/muc-patternlab-vue/dist/style.css";
 </style>
 ```
 

package.json

@@ -21,10 +21,12 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/muc-patternlab-vue.es.js"
     },
-    "./dist/assets/temporary/muc-icons.svg": "./dist/assets/temporary/muc-icons.svg",
-    "./dist/assets/temporary/custom-icons.svg": "./dist/assets/temporary/custom-icons.svg",
+    "./dist/style.css": "./dist/style.css",
+    "./dist/assets/temporary/custom-style.css": "./dist/assets/temporary/custom-style.css",
+    "./dist/assets/temporary/muenchende-style.css": "./dist/assets/temporary/muenchende-style.css",
     "./dist/assets/temporary/muenchende-fontface.css": "./dist/assets/temporary/muenchende-fontface.css",
-    "./dist/assets/temporary/muenchende-style.css": "./dist/assets/temporary/muenchende-style.css"
+    "./dist/assets/temporary/muc-icons.svg": "./dist/assets/temporary/muc-icons.svg",
+    "./dist/assets/temporary/custom-icons.svg": "./dist/assets/temporary/custom-icons.svg"
   },
   "files": [
     "src",

src/index.ts

@@ -2,8 +2,6 @@ import { type App } from "vue";
 
 import * as components from "./components";
 
-import "../public/assets/temporary/muenchende-style.css";
-
 function install(app: App) {
   for (const key in components) {
     // @ts-expect-error