Storybook 8 fixes (#3937)

* Add globs for auto-generated CSF screenshot stories to main.js

* Remove unneeded mdx files for screenshots

* Glob for stories.js instead of just js files in the doc pages directory

* Might as well update it to 8.3 while we're at it

* Update knip config file to make it happy

* Fix linter warning

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>

web/.storybook/main.js

@@ -3,7 +3,7 @@ module.exports = {
     previewMdx2: true,
   },
 
-  stories: ['../.storybook/stories-category-doc-pages/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)', '../components/**/*.stories.@(js|jsx|ts|tsx)', '../pages/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../.storybook/stories-category-doc-pages/**/*.@(mdx|stories.js)', '../stories/**/*.stories.@(js|jsx|ts|tsx)', '../components/**/*.stories.@(js|jsx|ts|tsx)', '../pages/**/*.stories.@(js|jsx|ts|tsx)'],
 
   addons: [
     '@storybook/addon-links',
@@ -117,7 +117,5 @@ module.exports = {
 
   staticDirs: ['../public', '../../static', './story-assets'],
 
-  docs: {
+  docs: {},
-    autodocs: false,
-  },
 };

web/.storybook/stories-category-doc-pages/screenshots/android/Screenshots-android-stock-browser-landscape.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsAndroidStockBrowserLandscapeStories from './Screenshots-android-stock-browser-landscape.stories';
-
-<Meta of={ScreenshotsAndroidStockBrowserLandscapeStories} />
-
-<Story of={ScreenshotsAndroidStockBrowserLandscapeStories.Offline} />
-
-<Story of={ScreenshotsAndroidStockBrowserLandscapeStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/android/Screenshots-android-stock-browser-portrait.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsAndroidStockBrowserPortraitStories from './Screenshots-android-stock-browser-portrait.stories';
-
-<Meta of={ScreenshotsAndroidStockBrowserPortraitStories} />
-
-<Story of={ScreenshotsAndroidStockBrowserPortraitStories.Offline} />
-
-<Story of={ScreenshotsAndroidStockBrowserPortraitStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/ipad/Screenshots-iPad-landscape-safari.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsIPadLandscapeSafariStories from './Screenshots-iPad-landscape-safari.stories';
-
-<Meta of={ScreenshotsIPadLandscapeSafariStories} />
-
-<Story of={ScreenshotsIPadLandscapeSafariStories.Offline} />
-
-<Story of={ScreenshotsIPadLandscapeSafariStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/ipad/Screenshots-iPad-portrait-safari.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsIPadPortraitSafariStories from './Screenshots-iPad-portrait-safari.stories';
-
-<Meta of={ScreenshotsIPadPortraitSafariStories} />
-
-<Story of={ScreenshotsIPadPortraitSafariStories.Offline} />
-
-<Story of={ScreenshotsIPadPortraitSafariStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/iphone/Screenshots-iPhone-safari-landscape.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsIPhoneSafariLandscapeStories from './Screenshots-iPhone-safari-landscape.stories';
-
-<Meta of={ScreenshotsIPhoneSafariLandscapeStories} />
-
-<Story of={ScreenshotsIPhoneSafariLandscapeStories.Offline} />
-
-<Story of={ScreenshotsIPhoneSafariLandscapeStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/iphone/Screenshots-iPhone-safari-portrait.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsIPhoneSafariPortraitStories from './Screenshots-iPhone-safari-portrait.stories';
-
-<Meta of={ScreenshotsIPhoneSafariPortraitStories} />
-
-<Story of={ScreenshotsIPhoneSafariPortraitStories.Offline} />
-
-<Story of={ScreenshotsIPhoneSafariPortraitStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/macos/Screenshots-macOS-chrome.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsMacOsChromeStories from './Screenshots-macOS-chrome.stories';
-
-<Meta of={ScreenshotsMacOsChromeStories} />
-
-<Story of={ScreenshotsMacOsChromeStories.Offline} />
-
-<Story of={ScreenshotsMacOsChromeStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/macos/Screenshots-macOS-firefox.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsMacOsFirefoxStories from './Screenshots-macOS-firefox.stories';
-
-<Meta of={ScreenshotsMacOsFirefoxStories} />
-
-<Story of={ScreenshotsMacOsFirefoxStories.Offline} />
-
-<Story of={ScreenshotsMacOsFirefoxStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/macos/Screenshots-macOS-safari.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsMacOsSafariStories from './Screenshots-macOS-safari.stories';
-
-<Meta of={ScreenshotsMacOsSafariStories} />
-
-<Story of={ScreenshotsMacOsSafariStories.Offline} />
-
-<Story of={ScreenshotsMacOsSafariStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/windows/Screenshots-windows-chrome.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsWindowsChromeStories from './Screenshots-windows-chrome.stories';
-
-<Meta of={ScreenshotsWindowsChromeStories} />
-
-<Story of={ScreenshotsWindowsChromeStories.Offline} />
-
-<Story of={ScreenshotsWindowsChromeStories.Online} />

web/.storybook/stories-category-doc-pages/screenshots/windows/Screenshots-windows-firefox.mdx

@@ -1,8 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks';
-import * as ScreenshotsWindowsFirefoxStories from './Screenshots-windows-firefox.stories';
-
-<Meta of={ScreenshotsWindowsFirefoxStories} />
-
-<Story of={ScreenshotsWindowsFirefoxStories.Offline} />
-
-<Story of={ScreenshotsWindowsFirefoxStories.Online} />