perf: lazy load component styles

baloise · Oct 31, 2022 · 53ea546 · 53ea546
1 parent 2f90efe
commit 53ea546
Show file tree

Hide file tree

Showing 12 changed files with 389 additions and 62 deletions.
diff --git a/packages/components/.storybook/main.js b/packages/components/.storybook/main.js
@@ -22,11 +22,9 @@ module.exports = {
       }
     </style>
 
-    <link rel="stylesheet" href="build/design-system-components.css" />
     <link rel="stylesheet" type="text/css" href="assets/css/design-system-table.css" />
     <link rel="stylesheet" type="text/css" href="assets/css/theme.css" />
 
     <script type="module" src="build/design-system-components.esm.js"></script>
     <script nomodule src="build/design-system-components.js"></script>`,
 }
-
diff --git a/packages/components/.storybook/preview.js b/packages/components/.storybook/preview.js
@@ -5,7 +5,7 @@ app.config.compilerOptions.isCustomElement = tag => tag.startsWith('bal-doc-')
 export const decorators = [
   story => ({
     components: { story },
-    template: '<bal-doc-story class="bal-body"><story /></bal-doc-story>',
+    template: '<bal-doc-app><story /></bal-doc-app>',
   }),
 ]
 

diff --git a/packages/components/config/doc.components.ts b/packages/components/config/doc.components.ts
@@ -10,7 +10,6 @@ export const docComponents = [
   'bal-doc-lead',
   'bal-doc-link-list',
   'bal-doc-link-list-item',
-  'bal-doc-story',
   'bal-doc-shades',
   'bal-doc-support-color',
   'bal-doc-tabs',