socket-security[bot]
commented
2 months ago New and removed dependencies detected. Learn more about Socket for GitHub ↗︎
🚮 Removed packages: npm/@esbuild/android-arm64@0.18.20, npm/@esbuild/android-arm@0.18.20, npm/@esbuild/android-x64@0.18.20, npm/@esbuild/darwin-arm64@0.18.20, npm/@esbuild/darwin-x64@0.18.20, npm/@esbuild/freebsd-arm64@0.18.20, npm/@esbuild/freebsd-x64@0.18.20, npm/@esbuild/linux-arm64@0.18.20, npm/@esbuild/linux-arm@0.18.20, npm/@esbuild/linux-ia32@0.18.20, npm/@esbuild/linux-loong64@0.18.20, npm/@esbuild/linux-mips64el@0.18.20, npm/@esbuild/linux-ppc64@0.18.20, npm/@esbuild/linux-riscv64@0.18.20, npm/@esbuild/linux-s390x@0.18.20, npm/@esbuild/linux-x64@0.18.20, npm/@esbuild/netbsd-x64@0.18.20, npm/@esbuild/openbsd-x64@0.18.20, npm/@esbuild/sunos-x64@0.18.20, npm/@esbuild/win32-arm64@0.18.20, npm/@esbuild/win32-ia32@0.18.20, npm/@esbuild/win32-x64@0.18.20, npm/@floating-ui/core@1.6.0, npm/@floating-ui/dom@1.6.3, npm/@floating-ui/react-dom@2.0.8, npm/@floating-ui/utils@0.2.1, npm/@jest/transform@29.7.0, npm/@jest/types@29.6.3, npm/@jridgewell/source-map@0.3.6, npm/@juggle/resize-observer@3.4.0, npm/@mdx-js/react@2.3.0, npm/@pmmmwh/react-refresh-webpack-plugin@0.5.11, npm/@radix-ui/number@1.0.1, npm/@radix-ui/primitive@1.0.1, npm/@radix-ui/react-arrow@1.0.3, npm/@radix-ui/react-collection@1.0.3, npm/@radix-ui/react-context@1.0.1, npm/@radix-ui/react-direction@1.0.1, npm/@radix-ui/react-dismissable-layer@1.0.4, npm/@radix-ui/react-focus-guards@1.0.1, npm/@radix-ui/react-focus-scope@1.0.3, npm/@radix-ui/react-id@1.0.1, npm/@radix-ui/react-popper@1.1.2, npm/@radix-ui/react-portal@1.0.3, npm/@radix-ui/react-primitive@1.0.3, npm/@radix-ui/react-roving-focus@1.0.4, npm/@radix-ui/react-select@1.2.2, npm/@radix-ui/react-separator@1.0.3, npm/@radix-ui/react-toggle-group@1.0.4, npm/@radix-ui/react-toggle@1.0.3, npm/@radix-ui/react-toolbar@1.0.4, npm/@radix-ui/react-use-callback-ref@1.0.1, npm/@radix-ui/react-use-controllable-state@1.0.1, npm/@radix-ui/react-use-escape-keydown@1.0.3, npm/@radix-ui/react-use-layout-effect@1.0.1, npm/@radix-ui/react-use-previous@1.0.1, npm/@radix-ui/react-use-rect@1.0.1, npm/@radix-ui/react-use-size@1.0.1, npm/@radix-ui/react-visually-hidden@1.0.3, npm/@radix-ui/rect@1.0.1, npm/@storybook/addon-a11y@7.6.18, npm/@storybook/addon-actions@7.6.18, npm/@storybook/addon-backgrounds@7.6.18, npm/@storybook/addon-controls@7.6.18, npm/@storybook/addon-docs@7.6.18, npm/@storybook/addon-essentials@7.6.18, npm/@storybook/addon-highlight@7.6.18, npm/@storybook/addon-links@7.6.18, npm/@storybook/addon-mdx-gfm@7.6.18, npm/@storybook/addon-measure@7.6.18, npm/@storybook/addon-outline@7.6.18, npm/@storybook/addon-toolbars@7.6.18, npm/@storybook/addon-viewport@7.6.18, npm/@storybook/blocks@7.6.18, npm/@storybook/builder-manager@7.6.18, npm/@storybook/builder-webpack5@7.6.18, npm/@storybook/channels@7.6.18, npm/@storybook/cli@7.6.18, npm/@storybook/client-logger@7.6.18, npm/@storybook/codemod@7.6.18, npm/@storybook/components@7.6.18, npm/@storybook/core-client@7.6.18, npm/@storybook/core-common@7.6.18, npm/@storybook/core-events@7.6.18, npm/@storybook/core-server@7.6.18, npm/@storybook/core-webpack@7.6.18, npm/@storybook/csf-plugin@7.6.18, npm/@storybook/csf-tools@7.6.18, npm/@storybook/docs-mdx@0.1.0, npm/@storybook/docs-tools@7.6.18, npm/@storybook/manager-api@7.6.18, npm/@storybook/manager@7.6.18, npm/@storybook/mdx2-csf@1.1.0, npm/@storybook/node-logger@7.6.18, npm/@storybook/postinstall@7.6.18, npm/@storybook/preset-react-webpack@7.6.18, npm/@storybook/preset-scss@1.0.3, npm/@storybook/preview-api@7.6.18, npm/@storybook/preview@7.6.18, npm/@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0, npm/@storybook/react-dom-shim@7.6.18, npm/@storybook/react-webpack5@7.6.18, npm/@storybook/react@7.6.18, npm/@storybook/router@7.6.18, npm/@storybook/telemetry@7.6.18, npm/@storybook/theming@7.6.18, npm/@storybook/types@7.6.18, npm/@swc/core-darwin-arm64@1.5.0, npm/@swc/core-darwin-x64@1.5.0, npm/@swc/core-linux-arm64-gnu@1.5.0, npm/@swc/core-linux-arm64-musl@1.5.0, npm/@swc/core-linux-x64-gnu@1.5.0, npm/@swc/core-linux-x64-musl@1.5.0, npm/@swc/core-win32-arm64-msvc@1.5.0, npm/@swc/core-win32-ia32-msvc@1.5.0, npm/@swc/core-win32-x64-msvc@1.5.0, npm/@swc/core@1.5.0, npm/@swc/counter@0.1.3, npm/@swc/types@0.1.6, npm/@types/eslint-scope@3.7.7, npm/@types/eslint@8.56.10, npm/@types/html-minifier-terser@6.1.0, npm/@types/mdast@3.0.15, npm/@types/mime-types@2.1.4, npm/@types/node-fetch@2.6.11, npm/@types/node@16.18.96, npm/@types/scheduler@0.16.8, npm/@types/unist@2.0.10, npm/@webassemblyjs/ast@1.12.1, npm/@webassemblyjs/floating-point-hex-parser@1.11.6, npm/@webassemblyjs/helper-api-error@1.11.6, npm/@webassemblyjs/helper-buffer@1.12.1, npm/@webassemblyjs/helper-numbers@1.11.6, npm/@webassemblyjs/helper-wasm-bytecode@1.11.6, npm/@webassemblyjs/helper-wasm-section@1.12.1, npm/@webassemblyjs/ieee754@1.11.6, npm/@webassemblyjs/leb128@1.11.6, npm/@webassemblyjs/utf8@1.11.6, npm/@webassemblyjs/wasm-edit@1.12.1, npm/@webassemblyjs/wasm-gen@1.12.1, npm/@webassemblyjs/wasm-opt@1.12.1, npm/@webassemblyjs/wasm-parser@1.12.1, npm/@webassemblyjs/wast-printer@1.12.1, npm/@xtuc/ieee754@1.2.0, npm/@xtuc/long@4.2.2, npm/acorn-import-assertions@1.9.0, npm/ajv-formats@2.1.1, npm/ajv-keywords@3.5.2, npm/ansi-html-community@0.0.8, npm/app-module-path@2.2.0, npm/aria-hidden@1.2.4, npm/ast-module-types@3.0.0, npm/async-limiter@1.0.1, npm/asynckit@0.4.0, npm/axe-core@4.9.0, npm/babel-loader@8.3.0, npm/babel-plugin-add-react-displayname@0.0.5, npm/big.js@5.2.2, npm/boolbase@1.0.0, npm/buffer-crc32@0.2.13, npm/camel-case@4.1.2, npm/case-sensitive-paths-webpack-plugin@2.4.0, npm/chrome-trace-event@1.0.3, npm/clean-css@5.3.3, npm/colorette@2.0.20, npm/combined-stream@1.0.8, npm/commander@2.20.3, npm/common-path-prefix@3.0.0, npm/concat-stream@1.6.2, npm/constants-browserify@1.0.0, npm/core-js-pure@3.37.0, npm/css-loader@5.2.7, npm/css-select@4.3.0, npm/css-what@6.1.0, npm/cssesc@3.0.0, npm/delayed-stream@1.0.0, npm/dependency-tree@8.1.2, npm/detect-node-es@1.1.0, npm/detective-amd@3.1.2, npm/detective-cjs@3.1.3, npm/detective-es6@2.2.2, npm/detective-less@1.0.2, npm/detective-postcss@4.0.0, npm/detective-sass@3.0.2, npm/detective-scss@2.0.2, npm/detective-stylus@1.0.3, npm/detective-typescript@7.0.2, npm/dom-converter@0.2.0, npm/dom-serializer@1.4.1, npm/domelementtype@2.3.0, npm/domhandler@4.3.1, npm/domutils@2.8.0, npm/dot-case@3.0.4, npm/emojis-list@3.0.0, npm/endent@2.1.0, npm/enhanced-resolve@5.16.0, npm/error-stack-parser@2.1.4, npm/es-module-lexer@1.5.0, npm/esbuild@0.18.20, npm/eslint-plugin-node@11.1.0, npm/eslint-plugin-storybook@0.6.15, npm/events@3.3.0, npm/extract-zip@1.7.0, npm/fast-json-parse@1.0.3, npm/fd-slicer@1.1.0, npm/filing-cabinet@3.3.1, npm/flatten@1.0.3, npm/fork-ts-checker-webpack-plugin@8.0.0, npm/form-data@4.0.0, npm/fs-monkey@1.0.5, npm/get-amd-module-type@3.0.2, npm/get-nonce@1.0.1, npm/get-own-enumerable-property-symbols@3.0.2, npm/get-port@5.1.1, npm/github-slugger@1.5.0, npm/gonzales-pe@4.3.0, npm/he@1.2.0, npm/html-entities@2.5.2, npm/html-minifier-terser@6.1.0, npm/html-webpack-plugin@5.6.0, npm/htmlparser2@6.1.0, npm/icss-utils@5.1.0, npm/indexes-of@1.0.1, npm/invariant@2.2.4, npm/is-absolute-url@3.0.3, npm/is-buffer@2.0.5, npm/is-obj@1.0.1, npm/is-regexp@1.0.0, npm/is-relative-path@1.0.2, npm/is-url@1.2.4, npm/jest-haste-map@29.7.0, npm/jest-regex-util@29.6.3, npm/jest-util@29.7.0, npm/klona@2.0.6, npm/loader-runner@4.3.0, npm/loader-utils@2.0.4, npm/locate-path@7.2.0, npm/lower-case@2.0.2, npm/markdown-to-jsx@7.4.7, npm/mdast-util-definitions@4.0.0, npm/mdast-util-find-and-replace@2.2.2, npm/mdast-util-from-markdown@1.3.1, npm/mdast-util-gfm-autolink-literal@1.0.3, npm/mdast-util-gfm-footnote@1.0.2, npm/mdast-util-gfm-strikethrough@1.0.3, npm/mdast-util-gfm-table@1.0.7, npm/mdast-util-gfm-task-list-item@1.0.2, npm/mdast-util-gfm@2.0.2, npm/mdast-util-phrasing@3.0.1, npm/mdast-util-to-markdown@1.5.0, npm/mdast-util-to-string@3.2.0, npm/memfs@3.6.0, npm/micromark-core-commonmark@1.1.0, npm/micromark-extension-gfm-autolink-literal@1.0.5, npm/micromark-extension-gfm-footnote@1.1.2, npm/micromark-extension-gfm-strikethrough@1.0.7, npm/micromark-extension-gfm-table@1.0.7, npm/micromark-extension-gfm-tagfilter@1.0.2, npm/micromark-extension-gfm-task-list-item@1.0.5, npm/micromark-extension-gfm@2.0.3, npm/micromark-factory-destination@1.1.0, npm/micromark-factory-label@1.1.0, npm/micromark-factory-space@1.1.0, npm/micromark-factory-title@1.1.0, npm/micromark-factory-whitespace@1.1.0, npm/micromark-util-character@1.2.0, npm/micromark-util-chunked@1.1.0, npm/micromark-util-classify-character@1.1.0, npm/micromark-util-combine-extensions@1.1.0, npm/micromark-util-decode-numeric-character-reference@1.1.0, npm/micromark-util-decode-string@1.1.0, npm/micromark-util-encode@1.1.0, npm/micromark-util-html-tag-name@1.2.0, npm/micromark-util-normalize-identifier@1.1.0, npm/micromark-util-resolve-all@1.1.0, npm/micromark-util-sanitize-uri@1.2.0, npm/micromark-util-subtokenize@1.1.0, npm/micromark-util-symbol@1.1.0, npm/micromark-util-types@1.1.0, npm/micromark@3.2.0, npm/mkdirp@0.5.6, npm/module-definition@3.4.0, npm/module-lookup-amd@7.0.1, npm/mri@1.2.0, npm/no-case@3.0.4, npm/node-abort-controller@3.1.1, npm/node-source-walk@4.3.0, npm/nth-check@2.1.1, npm/objectorarray@1.0.5, npm/param-case@3.0.4, npm/pascal-case@3.1.2, npm/path-browserify@1.0.1, npm/path-exists@5.0.0, npm/pend@1.2.0, npm/postcss-modules-extract-imports@3.1.0, npm/postcss-modules-local-by-default@4.0.5, npm/postcss-modules-scope@3.2.0, npm/postcss-modules-values@4.0.0, npm/postcss-selector-parser@6.0.16, npm/postcss-value-parser@4.2.0, npm/postcss-values-parser@2.0.1, npm/precinct@8.3.1, npm/pretty-error@4.0.0, npm/progress@2.0.3, npm/proxy-from-env@1.1.0, npm/puppeteer-core@2.1.1, npm/randombytes@2.1.0, npm/react-dom@17.0.2, npm/react-remove-scroll-bar@2.3.6, npm/react-remove-scroll@2.5.5, npm/react-style-singleton@2.2.1, npm/react@17.0.2, npm/relateurl@0.2.7, npm/remark-external-links@8.0.0, npm/remark-gfm@3.0.1, npm/remark-slug@6.1.0, npm/renderkid@3.0.0, npm/require-from-string@2.0.2, npm/requirejs-config-file@4.0.0, npm/requirejs@2.3.6, npm/resolve-dependency-path@2.0.0, npm/sade@1.8.1, npm/sass-loader@10.1.1, npm/sass-lookup@3.0.0, npm/scheduler@0.20.2, npm/schema-utils@4.2.0, npm/serialize-javascript@6.0.2, npm/source-map@0.7.4, npm/space-separated-tokens@1.1.5, npm/stackframe@1.3.4, npm/storybook@7.6.18, npm/stringify-object@3.3.0, npm/style-loader@2.0.0, npm/stylus-lookup@3.0.2, npm/swc-loader@0.2.6, npm/synchronous-promise@2.0.17, npm/tapable@2.2.1, npm/terser-webpack-plugin@5.3.10, npm/terser@5.30.4, npm/tocbot@4.23.0, npm/typedarray@0.0.6, npm/unified@10.1.2, npm/uniq@1.0.1, npm/unist-util-is@5.2.1, npm/unist-util-stringify-position@3.0.3, npm/unist-util-visit-parents@5.1.3, npm/unist-util-visit@2.0.3, npm/url@0.11.3, npm/use-callback-ref@1.3.2, npm/use-resize-observer@9.1.0, npm/use-sidecar@1.1.2, npm/utila@0.4.0, npm/uvu@0.5.6, npm/vfile-message@3.1.4, npm/vfile@5.3.7, npm/webpack-dev-middleware@6.1.3, npm/webpack-hot-middleware@2.26.1, npm/webpack-virtual-modules@0.5.0, npm/webpack@5.91.0, npm/yauzl@2.10.0, npm/yocto-queue@1.0.0
metamaskbot
georgewrmarshall
Description
This PR represents a significant upgrade of our Storybook environment from version 7 to version 8, aligning with the latest advancements and features as outlined in the Storybook 8 release notes. Alongside the version upgrade, we are transitioning our build system to use Vite for improved storybook build performance and developer experience. Additionally, this update includes the migration of our MDX files to the newest format supported in Storybook 8, ensuring our documentation and component stories leverage the full capabilities of the latest version. The motivation behind these changes is to enhance our development workflow, embrace modern tooling, and maintain our project's alignment with the best practices and standards in the frontend ecosystem.
Related issues
Fixes: N/A
Manual testing steps
To ensure a smooth transition and verify the successful upgrade:
yarn storybookto launch the upgraded Storybook environment.Screenshots/Recordings
Before
https://github.com/MetaMask/design-tokens/assets/8112138/67075e99-07cd-4e55-9eb2-4a901ed023ff
After
https://github.com/MetaMask/design-tokens/assets/8112138/8cd43d0e-4919-4241-9aeb-c3efac12cc86
Pre-merge author checklist
Pre-merge reviewer checklist
This PR is a pivotal step in leveraging the latest Storybook features and improvements, setting a strong foundation for future development and storytelling within our project.