Bump @storybook/addon-viewport from 8.0.9 to 8.4.1 (#12870)

Bumps
[@storybook/addon-viewport](https://github.com/storybookjs/storybook/tree/HEAD/code/addons/viewport)
from 8.0.9 to 8.4.1.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/storybookjs/storybook/releases"><code>@​storybook/addon-viewport</code>'s
releases</a>.</em></p>
<blockquote>
<h2>v8.4.1</h2>
<h2>8.4.1</h2>
<ul>
<li>Core: Relax peer dep constraint of shim packages - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29503">#29503</a>,
thanks <a
href="https://github.com/kasperpeulen"><code>@​kasperpeulen</code></a>!</li>
</ul>
<h2>v8.4.0</h2>
<h2>8.4.0</h2>
<p>Storybook 8.4 comes with a ton of exciting new features designed to
give you the best experience developing, testing, and debugging tests in
the browser!</p>
<ul>
<li>▶️ <strong>Unified UI</strong> for component testing</li>
<li>5️⃣ <strong>Svelte 5</strong> and Svelte CSF support</li>
<li>⚛️ <strong>React Native Storybook 8</strong> release</li>
<li>🏷️ <strong>Tags-based filtering</strong> to organize your
Storybook</li>
<li>🫧 <strong>Dependency cleanup</strong> to reduce install
footprint</li>
<li>💯 <strong>Hundreds</strong> more improvements</li>
</ul>
<!-- raw HTML omitted -->
<ul>
<li>Addon Test: Adjust file exports to be ESM/CJS compatible - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29471">#29471</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Error when addon interactions exists - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29434">#29434</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Escape XML when converting ANSI to HTML in test errors -
<a
href="https://redirect.github.com/storybookjs/storybook/pull/29446">#29446</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Addon Test: Fix hiding stacktrace for assertion errors in test panel
- <a
href="https://redirect.github.com/storybookjs/storybook/pull/29458">#29458</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Addon Test: Improve Error Handling - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29476">#29476</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Improve postinstall script - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29479">#29479</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>Addon Test: Improve unsupported vitest message - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29486">#29486</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Only register testing module in Vite projects - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29472">#29472</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>Addon Test: Throttle Vitest progress updates more heavily - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29482">#29482</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Addon-docs, blocks: Prebundle dependencies - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29301">#29301</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Addon-Test: Support for <code>@vitest/browser</code> v2.1.2 - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29407">#29407</a>,
thanks <a
href="https://github.com/strozw"><code>@​strozw</code></a>!</li>
<li>Blocks: Prebundle <code>es-toolkit</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29259">#29259</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Builder-vite: Replace .at() call with [] in codegen - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29048">#29048</a>,
thanks <a
href="https://github.com/Chudesnov"><code>@​Chudesnov</code></a>!</li>
<li>CLI: Don't add <code>@storybook/addon-links</code> by default - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29177">#29177</a>,
thanks <a
href="https://github.com/tobiasdiez"><code>@​tobiasdiez</code></a>!</li>
<li>CLI: Ensure <code>.gitignore</code> updated via CLI ends with a
newline - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29124">#29124</a>,
thanks <a
href="https://github.com/3w36zj6"><code>@​3w36zj6</code></a>!</li>
<li>CLI: Fix <code>yarn</code> detection - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29448">#29448</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>CLI: Migrate from <code>chalk</code> to <code>picocolors</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/28262">#28262</a>,
thanks <a
href="https://github.com/43081j"><code>@​43081j</code></a>!</li>
<li>CLI: Refactor NPMProxy error parsing logic - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29459">#29459</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>ConfigFile: Fix <code>export { X }</code> parsing - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29344">#29344</a>,
thanks <a
href="https://github.com/vctqs1"><code>@​vctqs1</code></a>!</li>
<li>Core: Add unified UI Testing Module - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29241">#29241</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>Core: Close story status menu when selecting an item - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29455">#29455</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Core: Fix building Storybook deleting project root files - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29371">#29371</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Core: Fix race condition during empty folder init - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29490">#29490</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Core: Make <code>prettier</code> an optional peer dependency - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29223">#29223</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Core: Migrate from <code>express</code> to <code>polka</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29230">#29230</a>,
thanks <a
href="https://github.com/43081j"><code>@​43081j</code></a>!</li>
<li>Core: Migrate from <code>qs</code> to <code>picoquery</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/28315">#28315</a>,
thanks <a
href="https://github.com/43081j"><code>@​43081j</code></a>!</li>
<li>Core: Open 'Component tests' addon panel when clicking a story
status - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29456">#29456</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Core: Remove <code>handlebars</code> usage - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29208">#29208</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>Core: Remove dependence on <code>file-system-cache</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29256">#29256</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>Core: Replace <code>fs-extra</code> with the native APIs - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29126">#29126</a>,
thanks <a
href="https://github.com/ziebam"><code>@​ziebam</code></a>!</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md"><code>@​storybook/addon-viewport</code>'s
changelog</a>.</em></p>
<blockquote>
<h2>8.4.1</h2>
<ul>
<li>Core: Relax peer dep constraint of shim packages - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29503">#29503</a>,
thanks <a
href="https://github.com/kasperpeulen"><code>@​kasperpeulen</code></a>!</li>
</ul>
<h2>8.4.0</h2>
<p>Storybook 8.4 comes with a ton of exciting new features designed to
give you the best experience developing, testing, and debugging tests in
the browser!</p>
<ul>
<li>▶️ <strong>Unified UI</strong> for component testing</li>
<li>5️⃣ <strong>Svelte 5</strong> and Svelte CSF support</li>
<li>⚛️ <strong>React Native Storybook 8</strong> release</li>
<li>🏷️ <strong>Tags-based filtering</strong> to organize your
Storybook</li>
<li>🫧 <strong>Dependency cleanup</strong> to reduce install
footprint</li>
<li>💯 <strong>Hundreds</strong> more improvements</li>
</ul>
<!-- raw HTML omitted -->
<ul>
<li>Addon Test: Adjust file exports to be ESM/CJS compatible - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29471">#29471</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Error when addon interactions exists - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29434">#29434</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Escape XML when converting ANSI to HTML in test errors -
<a
href="https://redirect.github.com/storybookjs/storybook/pull/29446">#29446</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Addon Test: Fix hiding stacktrace for assertion errors in test panel
- <a
href="https://redirect.github.com/storybookjs/storybook/pull/29458">#29458</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Addon Test: Improve Error Handling - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29476">#29476</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Improve postinstall script - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29479">#29479</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>Addon Test: Improve unsupported vitest message - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29486">#29486</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Addon Test: Only register testing module in Vite projects - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29472">#29472</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>Addon Test: Throttle Vitest progress updates more heavily - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29482">#29482</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Addon-docs, blocks: Prebundle dependencies - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29301">#29301</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Addon-Test: Support for <code>@vitest/browser</code> v2.1.2 - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29407">#29407</a>,
thanks <a
href="https://github.com/strozw"><code>@​strozw</code></a>!</li>
<li>Blocks: Prebundle <code>es-toolkit</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29259">#29259</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Builder-vite: Replace .at() call with [] in codegen - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29048">#29048</a>,
thanks <a
href="https://github.com/Chudesnov"><code>@​Chudesnov</code></a>!</li>
<li>CLI: Don't add <code>@storybook/addon-links</code> by default - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29177">#29177</a>,
thanks <a
href="https://github.com/tobiasdiez"><code>@​tobiasdiez</code></a>!</li>
<li>CLI: Ensure <code>.gitignore</code> updated via CLI ends with a
newline - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29124">#29124</a>,
thanks <a
href="https://github.com/3w36zj6"><code>@​3w36zj6</code></a>!</li>
<li>CLI: Fix <code>yarn</code> detection - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29448">#29448</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>CLI: Migrate from <code>chalk</code> to <code>picocolors</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/28262">#28262</a>,
thanks <a
href="https://github.com/43081j"><code>@​43081j</code></a>!</li>
<li>CLI: Refactor NPMProxy error parsing logic - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29459">#29459</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>ConfigFile: Fix <code>export { X }</code> parsing - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29344">#29344</a>,
thanks <a
href="https://github.com/vctqs1"><code>@​vctqs1</code></a>!</li>
<li>Core: Add unified UI Testing Module - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29241">#29241</a>,
thanks <a
href="https://github.com/yannbf"><code>@​yannbf</code></a>!</li>
<li>Core: Close story status menu when selecting an item - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29455">#29455</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Core: Fix building Storybook deleting project root files - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29371">#29371</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Core: Fix race condition during empty folder init - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29490">#29490</a>,
thanks <a
href="https://github.com/valentinpalkovic"><code>@​valentinpalkovic</code></a>!</li>
<li>Core: Make <code>prettier</code> an optional peer dependency - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29223">#29223</a>,
thanks <a
href="https://github.com/JReinhold"><code>@​JReinhold</code></a>!</li>
<li>Core: Migrate from <code>express</code> to <code>polka</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29230">#29230</a>,
thanks <a
href="https://github.com/43081j"><code>@​43081j</code></a>!</li>
<li>Core: Migrate from <code>qs</code> to <code>picoquery</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/28315">#28315</a>,
thanks <a
href="https://github.com/43081j"><code>@​43081j</code></a>!</li>
<li>Core: Open 'Component tests' addon panel when clicking a story
status - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29456">#29456</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
<li>Core: Remove <code>handlebars</code> usage - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29208">#29208</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>Core: Remove dependence on <code>file-system-cache</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29256">#29256</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>Core: Replace <code>fs-extra</code> with the native APIs - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29126">#29126</a>,
thanks <a
href="https://github.com/ziebam"><code>@​ziebam</code></a>!</li>
<li>Core: Replace <code>lodash</code> with <code>es-toolkit</code> - <a
href="https://redirect.github.com/storybookjs/storybook/pull/28981">#28981</a>,
thanks <a
href="https://github.com/ndelangen"><code>@​ndelangen</code></a>!</li>
<li>Core: Show checkmark icon in story status dropdown and update status
label for component tests - <a
href="https://redirect.github.com/storybookjs/storybook/pull/29451">#29451</a>,
thanks <a
href="https://github.com/ghengeveld"><code>@​ghengeveld</code></a>!</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/storybookjs/storybook/commit/9983774d8ea5d7c7487a75af92a41c4b034fbb45"><code>9983774</code></a>
Bump version from &quot;8.4.0&quot; to &quot;8.4.1&quot; [skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/939651b867bc983e57440e047ff59817e0557553"><code>939651b</code></a>
Bump version from &quot;8.4.0-beta.5&quot; to &quot;8.4.0&quot; [skip
ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/e94dc925e14bc0843d07ee38a35048925f374448"><code>e94dc92</code></a>
Bump version from &quot;8.4.0-beta.4&quot; to &quot;8.4.0-beta.5&quot;
[skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/c6dc5f63f19c92a14ff3a4476a9e63d7b6af7147"><code>c6dc5f6</code></a>
Bump version from &quot;8.4.0-beta.3&quot; to &quot;8.4.0-beta.4&quot;
[skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/72b24f843bdae20093c50e696a65b0e07bedde2d"><code>72b24f8</code></a>
Bump version from &quot;8.4.0-beta.2&quot; to &quot;8.4.0-beta.3&quot;
[skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/88c7787e0b172d2d98e91bfafea55732959f63a7"><code>88c7787</code></a>
Bump version from &quot;8.4.0-beta.1&quot; to &quot;8.4.0-beta.2&quot;
[skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/7987b0472a39f8eff42584f1b8f9b17c7b3d42b2"><code>7987b04</code></a>
Bump version from &quot;8.4.0-beta.0&quot; to &quot;8.4.0-beta.1&quot;
[skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/d6098267c97c9e511d45783fd5058e67135b92cf"><code>d609826</code></a>
Bump version from &quot;8.4.0-alpha.8&quot; to &quot;8.4.0-beta.0&quot;
[skip ci]</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/7460021da5827665fd4a3c4c1416dcf8fc2ca455"><code>7460021</code></a>
Merge remote-tracking branch 'origin/next' into unified-ui-testing</li>
<li><a
href="https://github.com/storybookjs/storybook/commit/ef4ff77f9f8cae2850058731d968d77d21f6a7cf"><code>ef4ff77</code></a>
Merge branch 'next-release' into next</li>
<li>Additional commits viewable in <a
href="https://github.com/storybookjs/storybook/commits/v8.4.1/code/addons/viewport">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@storybook/addon-viewport&package-manager=npm_and_yarn&previous-version=8.0.9&new-version=8.4.1)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: dependabot[bot]

pnpm-lock.yaml

@@ -77,7 +77,7 @@
     "@shopify/useful-types": "^5.1.2",
     "@storybook/addon-a11y": "^8.0.8",
     "@storybook/addon-toolbars": "^8.0.8",
-    "@storybook/addon-viewport": "^8.0.8",
+    "@storybook/addon-viewport": "^8.4.1",
     "@storybook/blocks": "^8.4.1",
     "@storybook/components": "^8.0.8",
     "@storybook/manager-api": "^8.0.8",