add default options for addon-viewports via parameters

storybookjs · Aug 21, 2024 · 1a59b66 · 1a59b66
1 parent f9d8ccf
commit 1a59b66
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/code/.storybook/preview.tsx b/code/.storybook/preview.tsx
@@ -342,9 +342,6 @@ export const parameters = {
       'slategray',
     ],
   },
-  viewport: {
-    options: MINIMAL_VIEWPORTS,
-  },
   themes: {
     disable: true,
   },

diff --git a/code/addons/viewport/preview.js b/code/addons/viewport/preview.js
@@ -1 +1 @@
-export { globals } from './dist/preview';
+export * from './dist/preview';
diff --git a/code/addons/viewport/src/preview.ts b/code/addons/viewport/src/preview.ts
@@ -1,4 +1,5 @@
 import { PARAM_KEY as KEY } from './constants';
+import { MINIMAL_VIEWPORTS } from './defaults';
 import type { GlobalState } from './types';
 
 const modern: Record<string, GlobalState> = {
@@ -9,3 +10,11 @@ const modern: Record<string, GlobalState> = {
 const legacy = { viewport: 'reset', viewportRotated: false };
 
 export const initialGlobals = FEATURES?.viewportStoryGlobals ? modern : legacy;
+
+export const parameters = FEATURES?.viewportStoryGlobals
+  ? {
+      [KEY]: {
+        options: MINIMAL_VIEWPORTS,
+      },
+    }
+  : {};
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export { globals } from './dist/preview';
		export * from './dist/preview';