@storybook/addon-viewport 6.4.2
Build responsive components by adjusting Storybook’s viewport size and orientation
@storybook/addon-viewport@6.4.2 was published on 2021-12-01. Its manifest declares 11 runtime dependencies and 2 peer requirements. Type declarations are bundled according to the package metadata. No Node.js engine requirement is declared in this manifest.
All @storybook/addon-viewport versions · Permanent reference to 6.4.2 · Latest release
Package specifications
| Version | 6.4.2 |
|---|---|
| License declaration | MIT |
| Published | 2021-12-01T04:26:10.524Z |
| Node.js requirement | Not declared |
| Type declarations | Bundled declarations |
| Runtime dependency count | 11 |
| Peer requirement count | 2 |
| Optional dependency count | 0 |
| Minified size | Measurement not available yet |
| Minified + gzip | Measurement not available yet |
| Unpacked distribution size | 62.25 KiB |
| Published file count | 50 |
| Package type | Not declared |
| ES module entry | dist/esm/preview.js |
| Default entry | dist/cjs/preview.js |
| Side effects declaration | Not declared |
| Direct advisories | 0 |
| Resolved graph dependencies | 176 |
| Repository stars | 91404 |
| Repository forks | 10479 |
Install @storybook/addon-viewport 6.4.2
npm install @storybook/addon-viewport@6.4.2 pnpm add @storybook/addon-viewport@6.4.2 yarn add @storybook/addon-viewport@6.4.2
Runtime dependencies
- global ^4.4.0
- core-js ^3.8.2
- prop-types ^15.7.2
- memoizerific ^1.11.3
- @storybook/api 6.4.2
- @storybook/addons 6.4.2
- @storybook/theming 6.4.2
- regenerator-runtime ^0.13.7
- @storybook/components 6.4.2
- @storybook/core-events 6.4.2
- @storybook/client-logger 6.4.2
Peer requirements
Optional dependencies
- None declared
Resolved dependency graph
This deps.dev graph describes a generic 64-bit Linux environment, not your application lockfile.
- @babel/code-frame@7.29.7 — indirect
- @babel/generator@7.29.8 — indirect
- @babel/helper-globals@7.29.7 — indirect
- @babel/helper-module-imports@7.29.7 — indirect
- @babel/helper-string-parser@7.29.11 — indirect
- @babel/helper-validator-identifier@7.29.7 — indirect
- @babel/parser@7.29.11 — indirect
- @babel/runtime@7.29.10 — indirect
- @babel/template@7.29.7 — indirect
- @babel/traverse@7.29.10 — indirect
- @babel/types@7.29.11 — indirect
- @emotion/cache@10.0.29 — indirect
- @emotion/core@10.3.1 — indirect
- @emotion/css@10.0.27 — indirect
- @emotion/hash@0.8.0 — indirect
- @emotion/is-prop-valid@0.8.8 — indirect
- @emotion/memoize@0.7.4 — indirect
- @emotion/serialize@0.11.16 — indirect
- @emotion/sheet@0.9.4 — indirect
- @emotion/styled@10.3.0 — indirect
- @emotion/styled-base@10.3.0 — indirect
- @emotion/stylis@0.8.5 — indirect
- @emotion/unitless@0.7.5 — indirect
- @emotion/utils@0.11.3 — indirect
- @emotion/weak-memoize@0.2.5 — indirect
- @jridgewell/gen-mapping@0.3.13 — indirect
- @jridgewell/resolve-uri@3.1.2 — indirect
- @jridgewell/sourcemap-codec@1.6.0 — indirect
- @jridgewell/trace-mapping@0.3.31 — indirect
- @popperjs/core@2.11.8 — indirect
- @remix-run/router@1.23.4 — indirect
- @storybook/addons@6.4.2 — direct
- @storybook/api@6.4.2 — direct
- @storybook/channels@6.4.2 — indirect
- @storybook/client-logger@6.4.2 — direct
- @storybook/components@6.4.2 — direct
- @storybook/core-events@6.4.2 — direct
- @storybook/csf@0.0.2--canary.87bc651.0 — indirect
- @storybook/router@6.4.2 — indirect
- @storybook/semver@7.3.2 — indirect
- @storybook/theming@6.4.2 — direct
- @types/color-convert@2.0.4 — indirect
- @types/color-name@1.1.5 — indirect
- @types/hast@2.3.10 — indirect
- @types/is-function@1.0.3 — indirect
- @types/overlayscrollbars@1.12.5 — indirect
- @types/parse-json@4.0.2 — indirect
- @types/react@19.3.0 — indirect
- @types/react-syntax-highlighter@11.0.5 — indirect
- @types/unist@2.0.11 — indirect
- @types/webpack-env@1.18.8 — indirect
- async-function@1.0.0 — indirect
- async-generator-function@1.0.0 — indirect
- babel-plugin-emotion@10.2.2 — indirect
- babel-plugin-macros@2.8.0 — indirect
- babel-plugin-syntax-jsx@6.18.0 — indirect
- call-bind-apply-helpers@1.0.2 — indirect
- call-bound@1.0.4 — indirect
- callsites@3.1.0 — indirect
- character-entities@1.2.4 — indirect
- character-entities-legacy@1.1.4 — indirect
- character-reference-invalid@1.1.4 — indirect
- color-convert@2.0.1 — indirect
- color-name@1.1.4 — indirect
- comma-separated-tokens@1.0.8 — indirect
- convert-source-map@1.9.0 — indirect
- core-js@3.51.0 — direct
- cosmiconfig@6.0.0 — indirect
- csstype@2.6.21 — indirect
- csstype@3.2.3 — indirect
- debug@4.4.3 — indirect
- deep-object-diff@1.1.9 — indirect
- dom-walk@0.1.2 — indirect
- dunder-proto@1.0.1 — indirect
- emotion-theming@10.3.0 — indirect
- error-ex@1.3.4 — indirect
- es-define-property@1.0.1 — indirect
- es-errors@1.3.0 — indirect
- es-object-atoms@1.1.2 — indirect
- escape-string-regexp@1.0.5 — indirect
- fast-deep-equal@3.1.3 — indirect
- fault@1.0.4 — indirect
- find-root@1.1.0 — indirect
- find-up@4.1.0 — indirect
- format@0.2.2 — indirect
- function-bind@1.1.2 — indirect
- generator-function@2.0.1 — indirect
- get-intrinsic@1.3.1 — indirect
- get-proto@1.0.1 — indirect
- global@4.4.0 — direct
- gopd@1.2.0 — indirect
- has-symbols@1.1.0 — indirect
- has-tostringtag@1.0.2 — indirect
- hasown@2.0.4 — indirect
- hast-util-parse-selector@2.2.5 — indirect
- hastscript@6.0.0 — indirect
- highlight.js@10.7.3 — indirect
- history@5.0.0 — indirect
- hoist-non-react-statics@3.3.2 — indirect
- import-fresh@3.3.1 — indirect
- is-alphabetical@1.0.4 — indirect
- is-alphanumerical@1.0.4 — indirect
- is-arrayish@0.2.1 — indirect
- is-core-module@2.17.0 — indirect
- is-decimal@1.0.4 — indirect
- is-function@1.0.2 — indirect
- is-hexadecimal@1.0.4 — indirect
- is-regex@1.2.1 — indirect
- is-symbol@1.1.1 — indirect
- isobject@4.1.1 — indirect
- js-tokens@4.0.0 — indirect
- jsesc@3.1.0 — indirect
- json-parse-even-better-errors@2.3.1 — indirect
- lines-and-columns@1.2.4 — indirect
- locate-path@5.0.0 — indirect
- lodash@4.18.1 — indirect
- loose-envify@1.4.0 — indirect
- lowlight@1.20.0 — indirect
- map-or-similar@1.5.0 — indirect
- markdown-to-jsx@7.7.17 — indirect
- math-intrinsics@1.1.0 — indirect
- memoizerific@1.11.3 — direct
- min-document@2.19.2 — indirect
- ms@2.1.3 — indirect
- object-assign@4.1.1 — indirect
- object-inspect@1.13.4 — indirect
- overlayscrollbars@1.13.3 — indirect
- p-limit@2.3.0 — indirect
- p-locate@4.1.0 — indirect
- p-try@2.2.0 — indirect
- parent-module@1.0.1 — indirect
- parse-entities@2.0.0 — indirect
- parse-json@5.2.0 — indirect
- path-exists@4.0.0 — indirect
- path-parse@1.0.7 — indirect
- path-type@4.0.0 — indirect
- picocolors@1.1.1 — indirect
- polished@4.3.1 — indirect
- prismjs@1.27.0 — indirect
- prismjs@1.30.0 — indirect
- process@0.11.10 — indirect
- prop-types@15.8.1 — direct
- property-information@5.6.0 — indirect
- qs@6.17.1 — indirect
- react-colorful@5.8.1 — indirect
- react-fast-compare@3.2.2 — indirect
- react-is@16.13.1 — indirect
- react-popper@2.3.0 — indirect
- react-popper-tooltip@3.1.1 — indirect
- react-router@6.30.6 — indirect
- react-router-dom@6.30.6 — indirect
- react-syntax-highlighter@13.5.3 — indirect
- react-textarea-autosize@8.5.9 — indirect
- refractor@3.6.0 — indirect
- regenerator-runtime@0.13.11 — direct
- resolve@1.22.13 — indirect
- resolve-from@4.0.0 — indirect
- resolve-from@5.0.0 — indirect
- safe-regex-test@1.1.0 — indirect
- side-channel@1.1.1 — indirect
- side-channel-list@1.0.1 — indirect
- side-channel-map@1.0.1 — indirect
- side-channel-weakmap@1.0.2 — indirect
- source-map@0.5.7 — indirect
- space-separated-tokens@1.1.5 — indirect
- store2@2.14.4 — indirect
- supports-preserve-symlinks-flag@1.0.0 — indirect
- telejson@5.3.3 — indirect
- ts-dedent@2.3.0 — indirect
- use-composed-ref@1.4.0 — indirect
- use-isomorphic-layout-effect@1.2.1 — indirect
- use-latest@1.3.0 — indirect
- util-deprecate@1.0.2 — indirect
- warning@4.0.3 — indirect
- xtend@4.0.2 — indirect
- yaml@1.10.3 — indirect
How to interpret the specifications
Bundlephobia measurements use its standard package build and may exclude peer dependencies. Unpacked npm distribution size includes shipped files and is a different measurement. Module declarations do not prove tree-shaking or runtime compatibility.
Advisories apply to this package version directly; transitive dependencies need separate inspection. Repository signals describe the whole repository and are current observations, including on historical-version pages.
OpenSSF repository checks
Provider assessment: 2026-08-24T00:00:00Z. These are repository checks, not a jsL maintenance score.
| Maintained | 10/10 — 30 commit(s) and 13 issue activity found in the last 90 days -- score normalized to 10 |
|---|---|
| Code-Review | 10/10 — all changesets reviewed |
| Security-Policy | 10/10 — security policy file detected |
| CII-Best-Practices | 0/10 — no effort to earn an OpenSSF best practices badge detected |
| Dangerous-Workflow | 0/10 — dangerous workflow patterns detected |
| Token-Permissions | 6/10 — detected GitHub workflow tokens with excessive permissions |
| License | 10/10 — license file detected |
| Binary-Artifacts | 10/10 — no binaries found in the repo |
| Pinned-Dependencies | 9/10 — dependency not pinned by hash detected -- score normalized to 9 |
| Branch-Protection | 2/10 — branch protection is not maximal on development and all release branches |
| Fuzzing | 0/10 — project is not fuzzed |
| SAST | 10/10 — SAST tool is run on all commits |
Evidence and freshness
- https://registry.npmjs.org/%40storybook%2Faddon-viewport/6.4.2 — retrieved 2026-10-29T23:43:46.413Z
- https://api.deps.dev/v3/projects/github.com%2Fstorybookjs%2Fstorybook — retrieved 2026-10-29T18:22:26.227Z
- https://api.deps.dev/v3/systems/npm/packages/%40storybook%2Faddon-viewport/versions/6.4.2 — retrieved 2026-10-29T23:43:46.989Z
- https://api.deps.dev/v3/systems/npm/packages/%40storybook%2Faddon-viewport/versions/6.4.2:dependencies — retrieved 2026-10-29T23:43:47.028Z