chore: wrap stories in div with orama id

oramasearch · Jul 2, 2024 · f042649 · f042649
1 parent 5565eab
commit f042649
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/apps/storybook/.storybook/preview.js b/apps/storybook/.storybook/preview.js
@@ -3,11 +3,17 @@ import "./../../../packages/ui-stencil/dist/orama-ui/orama-ui.css";
 
 defineCustomElements();
 
-// import global styles
-
 /** @type { import('@storybook/html').Preview } */
 const preview = {
   tags: ["autodocs"],
+  decorators: [
+    (story) => {
+      const decorator = document.createElement('div');
+      decorator.id = 'orama-ui';
+      decorator.appendChild(story());
+      return decorator;
+    }
+  ],
   parameters: {
     controls: {
       matchers: {

diff --git a/packages/ui-stencil/src/styles/globals.scss b/packages/ui-stencil/src/styles/globals.scss
@@ -1,3 +1,5 @@
 :root {
-  @include spread-map($theme-light);
+  #orama-ui {
+    @include spread-map($theme-light);
+  }
 }