From 3ca69b471a0c381d1d7573ece8199e5a833b2d23 Mon Sep 17 00:00:00 2001 From: Paulo Trentin Date: Thu, 28 May 2026 14:27:12 -0300 Subject: [PATCH 1/2] =?UTF-8?q?chore(deps):=20bump=20Storybook=20v8=20?= =?UTF-8?q?=E2=86=92=20v9=20across=20all=20workspaces?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Atomic upgrade of storybook core and addons from 8.6.x to 9.x because the storybook peer dep on every consuming addon requires alignment. In v9 several packages (addon-actions/controls/toolbars/viewport) are now empty shims since the functionality moved into storybook core; the version bump is required to satisfy peer deps but the packages are no-ops. @storybook/test has no v9 release — the `fn` API is now re-exported from storybook core via `storybook/test`. Migrate imports that changed paths in v9: - @storybook/test → storybook/test - @storybook/preview-api → storybook/preview-api - @storybook/blocks → @storybook/addon-docs/blocks - @storybook/addon-actions (action) → storybook/actions - @storybook/react: Story → StoryFn (v6 alias removed) Fix Button stories: v9's StoryObj intersects the component's union prop type, which can't be satisfied by stories that only set props from one branch (ButtonProps vs AnchorProps). Type Story over ButtonProps and split off LinkArgs for the Link story. PR 1 of 3 toward Storybook v10. PR 2 removes the empty-shim addon entries; PR 3 bumps v9 → v10. --- .../domains/name-servers/form.stories.tsx | 2 +- client/package.json | 2 +- package.json | 4 +- packages/calypso-storybook/package.json | 17 +- packages/components/.storybook/overview.mdx | 2 +- packages/components/.storybook/unaudited.mdx | 2 +- packages/components/package.json | 7 +- .../components/src/button/index.stories.tsx | 10 +- .../src/experience-control/index.stories.tsx | 4 +- .../stories/index.stories.jsx | 2 +- .../src/tabs/stories/best-practices.mdx | 2 +- .../src/tabs/stories/index.stories.tsx | 2 +- packages/composite-checkout/package.json | 2 +- packages/domain-search/package.json | 4 +- packages/grid/package.json | 10 +- packages/launchpad/package.json | 4 +- packages/onboarding/package.json | 4 +- packages/plans-grid-next/package.json | 2 +- packages/privacy-toolset/package.json | 2 +- .../cookie-banner/cookie-banner.stories.tsx | 8 +- .../do-not-sell-dialog.stories.tsx | 6 +- packages/search/package.json | 4 +- packages/search/src/search.stories.jsx | 2 +- .../.storybook/mock-registry/index.ts | 2 +- packages/site-admin/package.json | 2 +- .../stories/index.stories.tsx | 2 +- .../site-hub/stories/index.stories.tsx | 2 +- .../components/link/stories/index.stories.tsx | 2 +- packages/ui/.storybook/overview.mdx | 2 +- packages/ui/.storybook/wp-core.mdx | 2 +- packages/ui/package.json | 4 +- .../calendar/date-calendar/index.stories.tsx | 2 +- .../date-range-calendar/index.stories.tsx | 2 +- yarn.lock | 699 ++++++------------ 34 files changed, 298 insertions(+), 527 deletions(-) diff --git a/client/dashboard/domains/name-servers/form.stories.tsx b/client/dashboard/domains/name-servers/form.stories.tsx index 9a3cad03dc68..73cf9acab532 100644 --- a/client/dashboard/domains/name-servers/form.stories.tsx +++ b/client/dashboard/domains/name-servers/form.stories.tsx @@ -1,4 +1,4 @@ -import { action } from '@storybook/addon-actions'; +import { action } from 'storybook/actions'; import { Card, CardBody } from '../../components/card'; import PageLayout from '../../components/page-layout'; import NameServersForm from './form'; diff --git a/client/package.json b/client/package.json index 679f9bb754e8..8caa1bf2f9bd 100644 --- a/client/package.json +++ b/client/package.json @@ -262,7 +262,7 @@ "react-router": "^6.23.1", "react-test-renderer": "^18.3.1", "redux-mock-store": "^1.5.5", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "stream-browserify": "^3.0.0" } } diff --git a/package.json b/package.json index 0cfd929f7ad7..d9f98bfb4323 100644 --- a/package.json +++ b/package.json @@ -256,7 +256,7 @@ "@babel/runtime": "^7.27.1", "@pmmmwh/react-refresh-webpack-plugin": "0.5.15", "@signal-noise/stylelint-scales": "^2.0.3", - "@storybook/react": "^8.6.14", + "@storybook/react": "^9.1.20", "@tanstack/eslint-plugin-query": "^5.100.0", "@testing-library/jest-dom": "^6.9.1", "@types/chroma-js": "^2.4.5", @@ -319,7 +319,7 @@ "source-map": "^0.7.4", "stackframe": "^1.1.1", "stacktrace-gps": "^3.0.3", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "stylelint": "^16.15.0", "stylelint-scss": "^6.4.0", "tslib": "^2.8.1", diff --git a/packages/calypso-storybook/package.json b/packages/calypso-storybook/package.json index 241605198dfb..5186d8c52fb8 100644 --- a/packages/calypso-storybook/package.json +++ b/packages/calypso-storybook/package.json @@ -22,16 +22,15 @@ "devDependencies": { "@automattic/calypso-eslint-overrides": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^8.6.14", - "@storybook/addon-controls": "^8.6.14", - "@storybook/addon-docs": "^8.6.14", - "@storybook/addon-themes": "^8.6.14", - "@storybook/addon-toolbars": "^8.6.14", - "@storybook/addon-viewport": "^8.6.14", + "@storybook/addon-actions": "^9.0.8", + "@storybook/addon-controls": "^9.0.8", + "@storybook/addon-docs": "^9.1.20", + "@storybook/addon-themes": "^9.1.20", + "@storybook/addon-toolbars": "^9.0.8", + "@storybook/addon-viewport": "^9.0.8", "@storybook/addon-webpack5-compiler-babel": "^3.0.6", - "@storybook/react-webpack5": "^8.6.14", - "@storybook/test": "^8.6.14", - "storybook": "^8.6.17" + "@storybook/react-webpack5": "^9.1.20", + "storybook": "^9.1.20" }, "dependencies": { "@automattic/calypso-babel-config": "workspace:^", diff --git a/packages/components/.storybook/overview.mdx b/packages/components/.storybook/overview.mdx index d4e8b402d703..0835fbe16011 100644 --- a/packages/components/.storybook/overview.mdx +++ b/packages/components/.storybook/overview.mdx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/blocks'; +import { Meta } from '@storybook/addon-docs/blocks'; # Automattic Components Storybook diff --git a/packages/components/.storybook/unaudited.mdx b/packages/components/.storybook/unaudited.mdx index 22a199312a9f..3df0fde421ca 100644 --- a/packages/components/.storybook/unaudited.mdx +++ b/packages/components/.storybook/unaudited.mdx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/blocks'; +import { Meta } from '@storybook/addon-docs/blocks'; diff --git a/packages/components/package.json b/packages/components/package.json index 43b7eeb1f7c2..9defefe6176b 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -89,9 +89,8 @@ "@automattic/calypso-build": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^8.6.14", - "@storybook/react": "^8.6.14", - "@storybook/test": "^8.6.14", + "@storybook/addon-actions": "^9.0.8", + "@storybook/react": "^9.1.20", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.0", @@ -99,7 +98,7 @@ "@types/canvas-confetti": "^1.6.0", "@types/node": "^24.12.2", "postcss": "^8.5.3", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" }, diff --git a/packages/components/src/button/index.stories.tsx b/packages/components/src/button/index.stories.tsx index 0fb723df2c3c..0ac920194d00 100644 --- a/packages/components/src/button/index.stories.tsx +++ b/packages/components/src/button/index.stories.tsx @@ -1,7 +1,9 @@ -import { fn } from '@storybook/test'; -import { Button } from '.'; +import { fn } from 'storybook/test'; +import { Button, type ButtonProps } from '.'; import type { Meta, StoryObj } from '@storybook/react'; +type LinkArgs = ButtonProps & { href: string; target?: string }; + /** * This button has been deprecated due to aggressive and generic CSS that breaks many other buttons when imported. * Use the [`Button` component](https://wordpress.github.io/gutenberg/?path=/docs/components-button--docs) @@ -21,7 +23,7 @@ const meta: Meta< typeof Button > = { }; export default meta; -type Story = StoryObj< typeof meta >; +type Story = StoryObj< ButtonProps >; export const Default: Story = { args: { @@ -69,7 +71,7 @@ export const Disabled: Story = { }, }; -export const Link: Story = { +export const Link: StoryObj< LinkArgs > = { ...Default, args: { ...Default.args, diff --git a/packages/components/src/experience-control/index.stories.tsx b/packages/components/src/experience-control/index.stories.tsx index 8080a1fbe1d8..f22ae11315f2 100644 --- a/packages/components/src/experience-control/index.stories.tsx +++ b/packages/components/src/experience-control/index.stories.tsx @@ -1,6 +1,6 @@ -import { useArgs } from '@storybook/preview-api'; import { Meta, StoryObj } from '@storybook/react'; -import { fn } from '@storybook/test'; +import { useArgs } from 'storybook/preview-api'; +import { fn } from 'storybook/test'; import { ExperienceControl } from './index'; const meta: Meta< typeof ExperienceControl > = { diff --git a/packages/components/src/horizontal-bar-list/stories/index.stories.jsx b/packages/components/src/horizontal-bar-list/stories/index.stories.jsx index 73888bc66612..2eaf26456d2d 100644 --- a/packages/components/src/horizontal-bar-list/stories/index.stories.jsx +++ b/packages/components/src/horizontal-bar-list/stories/index.stories.jsx @@ -1,5 +1,5 @@ -import { action } from '@storybook/addon-actions'; import { Icon, external } from '@wordpress/icons'; +import { action } from 'storybook/actions'; import HorizontalBarList from '../.'; import HorizontalBarListItem from '../horizontal-bar-grid-item'; import StatsCard from '../stats-card'; diff --git a/packages/components/src/tabs/stories/best-practices.mdx b/packages/components/src/tabs/stories/best-practices.mdx index 04da95e760cc..4baa3153db8b 100644 --- a/packages/components/src/tabs/stories/best-practices.mdx +++ b/packages/components/src/tabs/stories/best-practices.mdx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/blocks'; +import { Meta } from '@storybook/addon-docs/blocks'; import * as TabsStories from './index.stories'; diff --git a/packages/components/src/tabs/stories/index.stories.tsx b/packages/components/src/tabs/stories/index.stories.tsx index 4d2ee9baeeb2..0425dc93683e 100644 --- a/packages/components/src/tabs/stories/index.stories.tsx +++ b/packages/components/src/tabs/stories/index.stories.tsx @@ -1,7 +1,7 @@ -import { fn } from '@storybook/test'; import { Button, Tooltip, Slot, Fill, SlotFillProvider } from '@wordpress/components'; import { wordpress, more, link } from '@wordpress/icons'; import { useState } from 'react'; +import { fn } from 'storybook/test'; import { Tabs } from '..'; import { Icon } from '../../icon'; import type { Meta, StoryFn } from '@storybook/react'; diff --git a/packages/composite-checkout/package.json b/packages/composite-checkout/package.json index ea8e7d3d7e91..761f7a752e4e 100644 --- a/packages/composite-checkout/package.json +++ b/packages/composite-checkout/package.json @@ -61,7 +61,7 @@ "@testing-library/user-event": "^14.6.1", "react": "^18.3.1", "react-dom": "^18.3.1", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3" }, "peerDependencies": { diff --git a/packages/domain-search/package.json b/packages/domain-search/package.json index d16a92f093bd..f980b85d1387 100644 --- a/packages/domain-search/package.json +++ b/packages/domain-search/package.json @@ -62,7 +62,7 @@ "devDependencies": { "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-a11y": "^8.6.14", + "@storybook/addon-a11y": "^9.1.20", "@testing-library/dom": "^10.4.1", "@testing-library/react": "^16.3.0", "@types/jest": "^29.5.14", @@ -71,7 +71,7 @@ "nock": "^13.5.6", "react": "^18.3.1", "react-dom": "^18.3.1", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3" }, "peerDependencies": { diff --git a/packages/grid/package.json b/packages/grid/package.json index f8dfffdf2216..08be1550ffd4 100644 --- a/packages/grid/package.json +++ b/packages/grid/package.json @@ -34,12 +34,12 @@ "@automattic/calypso-build": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^8.6.14", - "@storybook/addon-controls": "^8.6.14", - "@storybook/addon-docs": "^8.6.14", - "@storybook/react-webpack5": "^8.6.14", + "@storybook/addon-actions": "^9.0.8", + "@storybook/addon-controls": "^9.0.8", + "@storybook/addon-docs": "^9.1.20", + "@storybook/react-webpack5": "^9.1.20", "postcss": "^8.5.3", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" }, diff --git a/packages/launchpad/package.json b/packages/launchpad/package.json index c6a78203ba53..f27bf957f3ee 100644 --- a/packages/launchpad/package.json +++ b/packages/launchpad/package.json @@ -60,13 +60,13 @@ "@automattic/calypso-build": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-a11y": "^8.6.14", + "@storybook/addon-a11y": "^9.1.20", "msw": "^2.1.7", "msw-storybook-addon": "2.0.7", "postcss": "^8.5.3", "react": "^18.3.1", "react-dom": "^18.3.1", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" }, diff --git a/packages/onboarding/package.json b/packages/onboarding/package.json index 6f77bac6b509..e788a5676441 100644 --- a/packages/onboarding/package.json +++ b/packages/onboarding/package.json @@ -62,7 +62,7 @@ "@automattic/calypso-typescript-config": "workspace:^", "@automattic/typography": "workspace:^", "@automattic/viewport": "workspace:^", - "@storybook/addon-a11y": "^8.6.14", + "@storybook/addon-a11y": "^9.1.20", "@testing-library/dom": "^10.4.1", "@testing-library/react": "^16.3.0", "@wordpress/base-styles": "^8.0.0", @@ -72,7 +72,7 @@ "react-dom": "^18.3.1", "redux": "^5.0.1", "sass-loader": "^14.2.1", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "style-loader": "^1.3.0", "typescript": "^5.9.3", "webpack": "^5.99.8" diff --git a/packages/plans-grid-next/package.json b/packages/plans-grid-next/package.json index c4da2e8c22c2..241ce08b9f7a 100644 --- a/packages/plans-grid-next/package.json +++ b/packages/plans-grid-next/package.json @@ -84,7 +84,7 @@ "msw": "^2.2.14", "msw-storybook-addon": "^2.0.7", "resize-observer-polyfill": "^1.5.1", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" }, diff --git a/packages/privacy-toolset/package.json b/packages/privacy-toolset/package.json index 8b38bb88d6ef..bf1177e66818 100644 --- a/packages/privacy-toolset/package.json +++ b/packages/privacy-toolset/package.json @@ -57,7 +57,7 @@ "@testing-library/react": "^16.3.0", "postcss": "^8.5.3", "require-from-string": "^2.0.2", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" } diff --git a/packages/privacy-toolset/src/cookie-banner/cookie-banner.stories.tsx b/packages/privacy-toolset/src/cookie-banner/cookie-banner.stories.tsx index 03adecd9d5c4..5149f8707187 100644 --- a/packages/privacy-toolset/src/cookie-banner/cookie-banner.stories.tsx +++ b/packages/privacy-toolset/src/cookie-banner/cookie-banner.stories.tsx @@ -1,5 +1,5 @@ -import { action } from '@storybook/addon-actions'; -import { Story } from '@storybook/react'; +import { StoryFn } from '@storybook/react'; +import { action } from 'storybook/actions'; import { CookieBanner } from '.'; import type { CookieBannerProps } from '.'; @@ -7,8 +7,8 @@ export default { title: 'Cookie Banner', }; -export const Default: Story< CookieBannerProps > = ( args ) => ; -export const Decline: Story< CookieBannerProps > = ( args ) => ; +export const Default: StoryFn< CookieBannerProps > = ( args ) => ; +export const Decline: StoryFn< CookieBannerProps > = ( args ) => ; Default.args = { onAccept: action( 'accept' ), diff --git a/packages/privacy-toolset/src/do-not-sell-dialog/do-not-sell-dialog.stories.tsx b/packages/privacy-toolset/src/do-not-sell-dialog/do-not-sell-dialog.stories.tsx index fdf4aa303c34..afaf7d27c072 100644 --- a/packages/privacy-toolset/src/do-not-sell-dialog/do-not-sell-dialog.stories.tsx +++ b/packages/privacy-toolset/src/do-not-sell-dialog/do-not-sell-dialog.stories.tsx @@ -1,6 +1,6 @@ -import { action } from '@storybook/addon-actions'; -import { Story } from '@storybook/react'; +import { StoryFn } from '@storybook/react'; import React, { useState } from 'react'; +import { action } from 'storybook/actions'; import { DoNotSellDialog } from '.'; import type { DoNotSellDialogProps } from '.'; @@ -8,7 +8,7 @@ export default { title: 'Do Not Sell Dialog', }; -export const Default: Story< DoNotSellDialogProps > = ( args ) => { +export const Default: StoryFn< DoNotSellDialogProps > = ( args ) => { const [ isActive, setActive ] = useState( false ); return ; }; diff --git a/packages/search/package.json b/packages/search/package.json index 0b29d18d2d8d..b49b4c9b335a 100644 --- a/packages/search/package.json +++ b/packages/search/package.json @@ -56,7 +56,7 @@ "@automattic/calypso-color-schemes": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^8.6.14", + "@storybook/addon-actions": "^9.0.8", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.0", @@ -65,7 +65,7 @@ "@wordpress/is-shallow-equal": "^5.46.0", "react": "^18.3.1", "react-dom": "^18.3.1", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" }, diff --git a/packages/search/src/search.stories.jsx b/packages/search/src/search.stories.jsx index 9ebba04c4116..d3ddf5b6a4bf 100644 --- a/packages/search/src/search.stories.jsx +++ b/packages/search/src/search.stories.jsx @@ -1,6 +1,6 @@ import './search.stories.scss'; -import { action } from '@storybook/addon-actions'; import { Icon } from '@wordpress/components'; +import { action } from 'storybook/actions'; import Search from './search'; export default { title: 'Search', component: Search }; diff --git a/packages/site-admin/.storybook/mock-registry/index.ts b/packages/site-admin/.storybook/mock-registry/index.ts index cc7d0e3350e6..c3836c193ecc 100644 --- a/packages/site-admin/.storybook/mock-registry/index.ts +++ b/packages/site-admin/.storybook/mock-registry/index.ts @@ -2,7 +2,7 @@ * External dependencies */ import { createReduxStore, createRegistry } from '@wordpress/data'; -import { action } from '@storybook/addon-actions'; +import { action } from 'storybook/actions'; /** * Types diff --git a/packages/site-admin/package.json b/packages/site-admin/package.json index 8ca711ea6bd6..3f27cf023237 100644 --- a/packages/site-admin/package.json +++ b/packages/site-admin/package.json @@ -58,7 +58,7 @@ "@automattic/calypso-typescript-config": "workspace:^", "copyfiles": "^2.4.1", "postcss": "^8.5.3", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "typescript": "^5.9.3", "webpack": "^5.99.8" }, diff --git a/packages/site-admin/src/components/sidebar-navigation-item/stories/index.stories.tsx b/packages/site-admin/src/components/sidebar-navigation-item/stories/index.stories.tsx index fb3420d88a96..9346369c5c24 100644 --- a/packages/site-admin/src/components/sidebar-navigation-item/stories/index.stories.tsx +++ b/packages/site-admin/src/components/sidebar-navigation-item/stories/index.stories.tsx @@ -1,10 +1,10 @@ /** * External dependencies */ -import { fn } from '@storybook/test'; import { useState } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import * as allIconComponents from '@wordpress/icons'; +import { fn } from 'storybook/test'; /* * Internal dependencies */ diff --git a/packages/site-admin/src/components/site-hub/stories/index.stories.tsx b/packages/site-admin/src/components/site-hub/stories/index.stories.tsx index 20c0afba2f71..7888b18d6ceb 100644 --- a/packages/site-admin/src/components/site-hub/stories/index.stories.tsx +++ b/packages/site-admin/src/components/site-hub/stories/index.stories.tsx @@ -1,9 +1,9 @@ /** * External dependencies */ -import { action } from '@storybook/addon-actions'; import { useEffect, useRef } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; +import { action } from 'storybook/actions'; /** * Internal dependencies */ diff --git a/packages/site-admin/src/router/components/link/stories/index.stories.tsx b/packages/site-admin/src/router/components/link/stories/index.stories.tsx index b92ce9799d36..d3cdb4efdc54 100644 --- a/packages/site-admin/src/router/components/link/stories/index.stories.tsx +++ b/packages/site-admin/src/router/components/link/stories/index.stories.tsx @@ -1,9 +1,9 @@ /** * External dependencies */ -import { fn } from '@storybook/test'; import { __experimentalVStack as VStack } from '@wordpress/components'; import { useState } from '@wordpress/element'; +import { fn } from 'storybook/test'; /** * Internal dependencies */ diff --git a/packages/ui/.storybook/overview.mdx b/packages/ui/.storybook/overview.mdx index 611a4d68d727..7c98b8769e73 100644 --- a/packages/ui/.storybook/overview.mdx +++ b/packages/ui/.storybook/overview.mdx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/blocks'; +import { Meta } from '@storybook/addon-docs/blocks'; # Automattic UI Storybook diff --git a/packages/ui/.storybook/wp-core.mdx b/packages/ui/.storybook/wp-core.mdx index 637cf8eb6ea5..0379ba3c6e38 100644 --- a/packages/ui/.storybook/wp-core.mdx +++ b/packages/ui/.storybook/wp-core.mdx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/blocks'; +import { Meta } from '@storybook/addon-docs/blocks'; diff --git a/packages/ui/package.json b/packages/ui/package.json index bca49fc11d89..d449f3389d2b 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -58,7 +58,7 @@ "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", "@microsoft/api-extractor": "^7.58.7", - "@storybook/addon-actions": "^8.6.14", + "@storybook/addon-actions": "^9.0.8", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.0", @@ -68,7 +68,7 @@ "postcss": "^8.5.3", "postcss-modules": "^6.0.1", "sass-embedded": "^1.89.0", - "storybook": "^8.6.17", + "storybook": "^9.1.20", "stylelint": "^16.15.0", "stylelint-plugin-logical-css": "^1.2.3", "tsup": "^8.5.0", diff --git a/packages/ui/src/calendar/date-calendar/index.stories.tsx b/packages/ui/src/calendar/date-calendar/index.stories.tsx index f21137edd0bd..dc3486b0f542 100644 --- a/packages/ui/src/calendar/date-calendar/index.stories.tsx +++ b/packages/ui/src/calendar/date-calendar/index.stories.tsx @@ -1,4 +1,3 @@ -import { fn } from '@storybook/test'; import { enUS, fr, @@ -19,6 +18,7 @@ import { sv, } from 'date-fns/locale'; import { useState, useEffect } from 'react'; +import { fn } from 'storybook/test'; import { DateCalendar, TZDate } from '../'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/ui/src/calendar/date-range-calendar/index.stories.tsx b/packages/ui/src/calendar/date-range-calendar/index.stories.tsx index 136dfd451fc9..5baee5195521 100644 --- a/packages/ui/src/calendar/date-range-calendar/index.stories.tsx +++ b/packages/ui/src/calendar/date-range-calendar/index.stories.tsx @@ -1,4 +1,3 @@ -import { fn } from '@storybook/test'; import { enUS, fr, @@ -19,6 +18,7 @@ import { sv, } from 'date-fns/locale'; import { useState, useEffect } from 'react'; +import { fn } from 'storybook/test'; import { DateRangeCalendar, TZDate } from '../'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/yarn.lock b/yarn.lock index dc9b821f35bb..69987052bca0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -700,20 +700,19 @@ __metadata: "@automattic/calypso-babel-config": "workspace:^" "@automattic/calypso-eslint-overrides": "workspace:^" "@automattic/calypso-typescript-config": "workspace:^" - "@storybook/addon-actions": "npm:^8.6.14" - "@storybook/addon-controls": "npm:^8.6.14" - "@storybook/addon-docs": "npm:^8.6.14" - "@storybook/addon-themes": "npm:^8.6.14" - "@storybook/addon-toolbars": "npm:^8.6.14" - "@storybook/addon-viewport": "npm:^8.6.14" + "@storybook/addon-actions": "npm:^9.0.8" + "@storybook/addon-controls": "npm:^9.0.8" + "@storybook/addon-docs": "npm:^9.1.20" + "@storybook/addon-themes": "npm:^9.1.20" + "@storybook/addon-toolbars": "npm:^9.0.8" + "@storybook/addon-viewport": "npm:^9.0.8" "@storybook/addon-webpack5-compiler-babel": "npm:^3.0.6" - "@storybook/react-webpack5": "npm:^8.6.14" - "@storybook/test": "npm:^8.6.14" + "@storybook/react-webpack5": "npm:^9.1.20" css-loader: "npm:^6.11.0" react: "npm:^18.3.1" react-dom: "npm:^18.3.1" sass-loader: "npm:^14.2.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" style-loader: "npm:^1.3.0" webpack: "npm:^5.99.8" languageName: unknown @@ -870,9 +869,8 @@ __metadata: "@emotion/css": "npm:^11.11.2" "@emotion/react": "npm:^11.11.1" "@emotion/styled": "npm:^11.11.0" - "@storybook/addon-actions": "npm:^8.6.14" - "@storybook/react": "npm:^8.6.14" - "@storybook/test": "npm:^8.6.14" + "@storybook/addon-actions": "npm:^9.0.8" + "@storybook/react": "npm:^9.1.20" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" "@testing-library/react": "npm:^16.3.0" @@ -901,7 +899,7 @@ __metadata: prop-types: "npm:^15.8.1" react-modal: "npm:^3.16.3" react-router-dom: "npm:^6.23.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" utility-types: "npm:^3.10.0" webpack: "npm:^5.99.8" @@ -931,7 +929,7 @@ __metadata: prop-types: "npm:^15.8.1" react: "npm:^18.3.1" react-dom: "npm:^18.3.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" peerDependencies: react: ^18.3.1 @@ -1200,7 +1198,7 @@ __metadata: "@automattic/explat-client-react-helpers": "workspace:^" "@automattic/i18n-utils": "workspace:^" "@automattic/urls": "workspace:^" - "@storybook/addon-a11y": "npm:^8.6.14" + "@storybook/addon-a11y": "npm:^9.1.20" "@tanstack/react-query": "npm:^5.83.0" "@testing-library/dom": "npm:^10.4.1" "@testing-library/react": "npm:^16.3.0" @@ -1217,7 +1215,7 @@ __metadata: qs: "npm:^6.15.2" react: "npm:^18.3.1" react-dom: "npm:^18.3.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" peerDependencies: "@wordpress/i18n": ^6.19.0 @@ -1389,13 +1387,13 @@ __metadata: "@dnd-kit/core": "npm:^6.3.1" "@dnd-kit/sortable": "npm:^10.0.0" "@dnd-kit/utilities": "npm:^3.2.2" - "@storybook/addon-actions": "npm:^8.6.14" - "@storybook/addon-controls": "npm:^8.6.14" - "@storybook/addon-docs": "npm:^8.6.14" - "@storybook/react-webpack5": "npm:^8.6.14" + "@storybook/addon-actions": "npm:^9.0.8" + "@storybook/addon-controls": "npm:^9.0.8" + "@storybook/addon-docs": "npm:^9.1.20" + "@storybook/react-webpack5": "npm:^9.1.20" "@wordpress/compose": "patch:@wordpress/compose@npm%3A8.0.0#~/.yarn/patches/@wordpress-compose-npm-8.0.0-14fd3b56ad.patch" postcss: "npm:^8.5.3" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" webpack: "npm:^5.99.8" peerDependencies: @@ -1701,7 +1699,7 @@ __metadata: "@automattic/i18n-utils": "workspace:^" "@automattic/typography": "workspace:^" "@automattic/viewport": "workspace:^" - "@storybook/addon-a11y": "npm:^8.6.14" + "@storybook/addon-a11y": "npm:^9.1.20" "@tanstack/react-query": "npm:^5.83.0" "@wordpress/base-styles": "npm:^8.0.0" "@wordpress/components": "npm:^33.1.0" @@ -1714,7 +1712,7 @@ __metadata: react: "npm:^18.3.1" react-dom: "npm:^18.3.1" social-logos: "npm:^3.1.18" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" tslib: "npm:^2.8.1" typescript: "npm:^5.9.3" utility-types: "npm:^3.10.0" @@ -1985,7 +1983,7 @@ __metadata: "@automattic/domain-search": "workspace:^" "@automattic/typography": "workspace:^" "@automattic/viewport": "workspace:^" - "@storybook/addon-a11y": "npm:^8.6.14" + "@storybook/addon-a11y": "npm:^9.1.20" "@testing-library/dom": "npm:^10.4.1" "@testing-library/react": "npm:^16.3.0" "@wordpress/base-styles": "npm:^8.0.0" @@ -2001,7 +1999,7 @@ __metadata: react-router-dom: "npm:^6.23.1" redux: "npm:^5.0.1" sass-loader: "npm:^14.2.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" style-loader: "npm:^1.3.0" tslib: "npm:^2.8.1" typescript: "npm:^5.9.3" @@ -2047,7 +2045,7 @@ __metadata: react-intersection-observer: "npm:^9.4.3" react-transition-group: "npm:^4.3.0" resize-observer-polyfill: "npm:^1.5.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" webpack: "npm:^5.99.8" peerDependencies: @@ -2093,7 +2091,7 @@ __metadata: clsx: "npm:^2.1.1" postcss: "npm:^8.5.3" require-from-string: "npm:^2.0.2" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" webpack: "npm:^5.99.8" peerDependencies: @@ -2136,7 +2134,7 @@ __metadata: "@automattic/calypso-typescript-config": "workspace:^" "@automattic/typography": "workspace:^" "@babel/runtime": "npm:^7.27.1" - "@storybook/addon-actions": "npm:^8.6.14" + "@storybook/addon-actions": "npm:^9.0.8" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" "@testing-library/react": "npm:^16.3.0" @@ -2154,7 +2152,7 @@ __metadata: react: "npm:^18.3.1" react-dom: "npm:^18.3.1" redux: "npm:^5.0.1" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" tslib: "npm:^2.8.1" typescript: "npm:^5.9.3" webpack: "npm:^5.99.8" @@ -2202,7 +2200,7 @@ __metadata: history: "npm:^5.3.0" postcss: "npm:^8.5.3" route-recognizer: "npm:^0.3.4" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" typescript: "npm:^5.9.3" webpack: "npm:^5.99.8" peerDependencies: @@ -2339,7 +2337,7 @@ __metadata: "@automattic/calypso-storybook": "workspace:^" "@automattic/calypso-typescript-config": "workspace:^" "@microsoft/api-extractor": "npm:^7.58.7" - "@storybook/addon-actions": "npm:^8.6.14" + "@storybook/addon-actions": "npm:^9.0.8" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" "@testing-library/react": "npm:^16.3.0" @@ -2358,7 +2356,7 @@ __metadata: postcss-modules: "npm:^6.0.1" react-day-picker: "npm:^9.7.0" sass-embedded: "npm:^1.89.0" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" stylelint: "npm:^16.15.0" stylelint-plugin-logical-css: "npm:^1.2.3" tsup: "npm:^8.5.0" @@ -4327,7 +4325,7 @@ __metadata: languageName: node linkType: hard -"@babel/runtime@npm:7.29.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.27.1, @babel/runtime@npm:^7.29.2, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.3, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.9.2": +"@babel/runtime@npm:7.29.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.27.1, @babel/runtime@npm:^7.29.2, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.3, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.9.2": version: 7.29.2 resolution: "@babel/runtime@npm:7.29.2" checksum: 30b80a0140d16467792e1bbeb06f655b0dab70407da38dfac7fedae9c859f9ae9d846ef14ad77bd3814c064295fe9b1bc551f1541ea14646ae9f22b71a8bc17a @@ -7861,104 +7859,71 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-a11y@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-a11y@npm:8.6.14" +"@storybook/addon-a11y@npm:^9.1.20": + version: 9.1.20 + resolution: "@storybook/addon-a11y@npm:9.1.20" dependencies: - "@storybook/addon-highlight": "npm:8.6.14" "@storybook/global": "npm:^5.0.0" - "@storybook/test": "npm:8.6.14" axe-core: "npm:^4.2.0" peerDependencies: - storybook: ^8.6.14 - checksum: bc1ea6bc4f4229f2a88f40a1fc768628cad7744ca39676228a99656211942d96783d1d20aa475ac03bc653c29ed896a6179b3b17c8226effb598111cd8c8d146 + storybook: ^9.1.20 + checksum: 0dfa7a5dbe0221bf1e78c46c7ec7536487c090890424dc8152f30021b6922e6dada6c19650d0c5ca0f38e2d788b22718bb3c9257f2dd60343daf76f5e73c8ac4 languageName: node linkType: hard -"@storybook/addon-actions@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-actions@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - "@types/uuid": "npm:^9.0.1" - dequal: "npm:^2.0.2" - polished: "npm:^4.2.2" - uuid: "npm:^9.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: 7a5d4faa15dd42f8f98335b6d817e1e2ffb50084001dc430aa3baf5c77edece16f0e866e8ce488e1c7a7a8f85465a6a71421373b87877375beafbe4729ada14a +"@storybook/addon-actions@npm:^9.0.8": + version: 9.0.8 + resolution: "@storybook/addon-actions@npm:9.0.8" + checksum: 40ab6bf018cb423bf156e6b1317d199f3730690750b88b4c4eed7af636fdbc9392ddc95b1383927ec85f462515ae35bc9f517c934bf05e1edb645f6b9b94264a languageName: node linkType: hard -"@storybook/addon-controls@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-controls@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - dequal: "npm:^2.0.2" - ts-dedent: "npm:^2.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: a02a818be873ee7a630f5ca4a46fe16fc31edec2b16b0988ce4f8bcdd63650aaf1a2cd0356e1b42557e1a1bb2f46de4653e071e7b2b53a60c9a3e60a93fe19ef +"@storybook/addon-controls@npm:^9.0.8": + version: 9.0.8 + resolution: "@storybook/addon-controls@npm:9.0.8" + checksum: cfde9dcafeeec4da8095406ce03e0f301c0731a1b965769f981acfedae4d61487c18e15583142ed2755a5a75ddec4dc11759b066ec20d0e5855603b8d54a9b85 languageName: node linkType: hard -"@storybook/addon-docs@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-docs@npm:8.6.14" +"@storybook/addon-docs@npm:^9.1.20": + version: 9.1.20 + resolution: "@storybook/addon-docs@npm:9.1.20" dependencies: "@mdx-js/react": "npm:^3.0.0" - "@storybook/blocks": "npm:8.6.14" - "@storybook/csf-plugin": "npm:8.6.14" - "@storybook/react-dom-shim": "npm:8.6.14" + "@storybook/csf-plugin": "npm:9.1.20" + "@storybook/icons": "npm:^1.4.0" + "@storybook/react-dom-shim": "npm:9.1.20" react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" react-dom: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^8.6.14 - checksum: 1668d40977624e3495b0cd3f009957994db04cec6de39645311e892cc1de99bf5a98bea9e9783d8063627c27b9545d222b1fdc490c23c6fadeead42ce0605fcb + storybook: ^9.1.20 + checksum: 8f0569f0a985762bec3073121bcff2c2353e3d1b49be73a55d70bec3678c858c0f5d9ab731edb9e488fe7e4bb10b52b04f40812e05a6eb536766bbd5325f32f1 languageName: node linkType: hard -"@storybook/addon-highlight@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-highlight@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: db04b21cc3dc6185ce0051de08e0402899986d0b4b640ddbf1c8386bea5b1ed54b5a9b7e8a40e02973b73706839bcda1b324daf1eaafb465215247e6f548f817 - languageName: node - linkType: hard - -"@storybook/addon-themes@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-themes@npm:8.6.14" +"@storybook/addon-themes@npm:^9.1.20": + version: 9.1.20 + resolution: "@storybook/addon-themes@npm:9.1.20" dependencies: ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^8.6.14 - checksum: 6e04a6d99b87a4527bd2b98ef4b655b3bfc79cb17667fe3d773f02eda7998ee319a7ecadf6be79f2b0cf70d952aaf11d7009cff911e1a7cc2a794eed58dd28ea + storybook: ^9.1.20 + checksum: 358a60321e3deb819bf27de038bf338f6a5964a9bbed5cc62ecd4107ebc9be150cc584f499c21bac38b5f581c15ccb758ebed54db1a85499d44259331639652f languageName: node linkType: hard -"@storybook/addon-toolbars@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-toolbars@npm:8.6.14" - peerDependencies: - storybook: ^8.6.14 - checksum: 3fb0fe13fab65be101abda613c1c92e08c2aa0cba97ff2e37aa410af5fe2c1ebc15203627039c265e9667af294ea0cd7bb6e7bd84cb854bad5d0245a9ce66b79 +"@storybook/addon-toolbars@npm:^9.0.8": + version: 9.0.8 + resolution: "@storybook/addon-toolbars@npm:9.0.8" + checksum: 9c18a4426ad42b1a7dea6178a5d9305a8ad799920778068b332e56aaea4a2eca8b845fb1d3a8b84f68eafec54949704108e16eb78fd01d8e191f1653e05c9cd5 languageName: node linkType: hard -"@storybook/addon-viewport@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-viewport@npm:8.6.14" - dependencies: - memoizerific: "npm:^1.11.3" - peerDependencies: - storybook: ^8.6.14 - checksum: 00a353ce87c79a7b08fd78cab87045c5d29996ea3fcd2a4072380e0f76a6e0bfc9385f743b98764aaff0740e8460b9d2a37864a1d0e91bf48f26e3d5a1984e51 +"@storybook/addon-viewport@npm:^9.0.8": + version: 9.0.8 + resolution: "@storybook/addon-viewport@npm:9.0.8" + checksum: 53587e9603d128db0fc10cc351d0469b7494abdfdc2f537a3011d72e6444706fdb2d8329484968172bcaa50063fea929fa44af3358d9a452118a7e74b8912805 languageName: node linkType: hard @@ -7972,114 +7937,53 @@ __metadata: languageName: node linkType: hard -"@storybook/blocks@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/blocks@npm:8.6.14" +"@storybook/builder-webpack5@npm:9.1.20": + version: 9.1.20 + resolution: "@storybook/builder-webpack5@npm:9.1.20" dependencies: - "@storybook/icons": "npm:^1.2.12" - ts-dedent: "npm:^2.0.0" - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - storybook: ^8.6.14 - peerDependenciesMeta: - react: - optional: true - react-dom: - optional: true - checksum: 3f87c1f224031dee8b5fa6e296022997d21956832fea1e4ffa3525931c05a8ef6450b67c728635297a08548d65ef5abde05d7740d4ea3a9a811f2ff08a5f0148 - languageName: node - linkType: hard - -"@storybook/builder-webpack5@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/builder-webpack5@npm:8.6.14" - dependencies: - "@storybook/core-webpack": "npm:8.6.14" - "@types/semver": "npm:^7.3.4" - browser-assert: "npm:^1.2.1" + "@storybook/core-webpack": "npm:9.1.20" case-sensitive-paths-webpack-plugin: "npm:^2.4.0" cjs-module-lexer: "npm:^1.2.3" - constants-browserify: "npm:^1.0.0" css-loader: "npm:^6.7.1" es-module-lexer: "npm:^1.5.0" fork-ts-checker-webpack-plugin: "npm:^8.0.0" html-webpack-plugin: "npm:^5.5.0" magic-string: "npm:^0.30.5" - path-browserify: "npm:^1.0.1" - process: "npm:^0.11.10" - semver: "npm:^7.3.7" style-loader: "npm:^3.3.1" terser-webpack-plugin: "npm:^5.3.1" ts-dedent: "npm:^2.0.0" - url: "npm:^0.11.0" - util: "npm:^0.12.4" - util-deprecate: "npm:^1.0.2" webpack: "npm:5" webpack-dev-middleware: "npm:^6.1.2" webpack-hot-middleware: "npm:^2.25.1" webpack-virtual-modules: "npm:^0.6.0" peerDependencies: - storybook: ^8.6.14 + storybook: ^9.1.20 peerDependenciesMeta: typescript: optional: true - checksum: e744c5424f17b2be2f5d3c8bfc8a47a1703b65e620634114479698c3170f2f221ac03555ce38e5317a92304a6a691bf8781552484b1d677075339c7ad6555731 - languageName: node - linkType: hard - -"@storybook/components@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/components@npm:8.6.14" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 43a9192f312c8b2ac1aaeabcfc7c766215e934efd340b01edd9e71ca194ebf30ac896f60817ed539aec9d4183dc77296056e78c5c3705607875df79df7ab7acc + checksum: 49bc0e0da2bffad795afc57b2b06425d0bf2b3513c81efd578a4cff30927d0265bc6d32fc75f43bd2ace7a310edb3a76141fdc83817a0c34361a004176f0c5a1 languageName: node linkType: hard -"@storybook/core-webpack@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/core-webpack@npm:8.6.14" +"@storybook/core-webpack@npm:9.1.20": + version: 9.1.20 + resolution: "@storybook/core-webpack@npm:9.1.20" dependencies: ts-dedent: "npm:^2.0.0" peerDependencies: - storybook: ^8.6.14 - checksum: ab0e297c5a7747a4564c21786c940d27de04f62a0513451e0c7b03a27cfac50a1a2a30c3a78407898dc02b976ec51a1efc63133a567bb493caacf7fab911f795 - languageName: node - linkType: hard - -"@storybook/core@npm:8.6.18": - version: 8.6.18 - resolution: "@storybook/core@npm:8.6.18" - dependencies: - "@storybook/theming": "npm:8.6.18" - better-opn: "npm:^3.0.2" - browser-assert: "npm:^1.2.1" - esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0" - esbuild-register: "npm:^3.5.0" - jsdoc-type-pratt-parser: "npm:^4.0.0" - process: "npm:^0.11.10" - recast: "npm:^0.23.5" - semver: "npm:^7.6.2" - util: "npm:^0.12.5" - ws: "npm:^8.2.3" - peerDependencies: - prettier: ^2 || ^3 - peerDependenciesMeta: - prettier: - optional: true - checksum: 830b8806a35f8b6a448efe5d0df47a148d6111295b0e7027bf307232f25542015fc15e9b9c3489921f614fc6695323d74194c90da97837b0df0a72eb73ec6220 + storybook: ^9.1.20 + checksum: ca89001536d49def96de11de75bf03a16bad3f4f282b84f0662e42d09c791e01d5946f38c15dd4cd1d6fc612598f923de55e577ed6391b1b5a6702b639a10aae languageName: node linkType: hard -"@storybook/csf-plugin@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/csf-plugin@npm:8.6.14" +"@storybook/csf-plugin@npm:9.1.20": + version: 9.1.20 + resolution: "@storybook/csf-plugin@npm:9.1.20" dependencies: unplugin: "npm:^1.3.1" peerDependencies: - storybook: ^8.6.14 - checksum: 3f2cebd6046aea554d2e740c4d262005c580018dfcbcca8d9a589f9e893d407da405ace235595b3e110fb6ed21b840ff1645508a98764017ca5d1d4c56027172 + storybook: ^9.1.20 + checksum: 42642bf8252400f0b5a889e118dab3c35505ce539a57cdb51ae6fc335485de055d9b635db8cc8ae6d47a77ea5856cdf6880458c70b26b214ea48d44502a1bf57 languageName: node linkType: hard @@ -8090,48 +7994,26 @@ __metadata: languageName: node linkType: hard -"@storybook/icons@npm:^1.2.12": - version: 1.4.0 - resolution: "@storybook/icons@npm:1.4.0" +"@storybook/icons@npm:^1.4.0": + version: 1.6.0 + resolution: "@storybook/icons@npm:1.6.0" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - checksum: fd0514fb3fa431a8b5939fe1d9fc336b253ef2c25b34792d2d4ee59e13321108d34f8bf223a0981482f54f83c5ef47ffd1a98c376ca9071011c1b8afe2b01d43 + checksum: bbec9201a78a730195f9cf377b15856dc414a54d04e30d16c379d062425cc617bfd0d6586ba1716012cfbdab461f0c9693a6a52920f9bd09c7b4291fb116f59c languageName: node linkType: hard -"@storybook/instrumenter@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/instrumenter@npm:8.6.14" +"@storybook/preset-react-webpack@npm:9.1.20": + version: 9.1.20 + resolution: "@storybook/preset-react-webpack@npm:9.1.20" dependencies: - "@storybook/global": "npm:^5.0.0" - "@vitest/utils": "npm:^2.1.1" - peerDependencies: - storybook: ^8.6.14 - checksum: 6b887e25d11404bb1b0f27eea310529732d9a6222d2581ae9f5d66d28e02b76a4ebe0a31d97322d88d5c9d2d2bd503e5f3da6b6f7dfc4c025eb7f86371db0e23 - languageName: node - linkType: hard - -"@storybook/manager-api@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/manager-api@npm:8.6.14" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 141089caf50df9f1dbd18c22b8e8dfa45641f67ab148c9956c046c0141ff7a70f3341f440c454d5f6247dac389499d67bad8b6c81cbcd6f08c7fe34bf42fd264 - languageName: node - linkType: hard - -"@storybook/preset-react-webpack@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/preset-react-webpack@npm:8.6.14" - dependencies: - "@storybook/core-webpack": "npm:8.6.14" - "@storybook/react": "npm:8.6.14" + "@storybook/core-webpack": "npm:9.1.20" "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0" "@types/semver": "npm:^7.3.4" - find-up: "npm:^5.0.0" + find-up: "npm:^7.0.0" magic-string: "npm:^0.30.5" - react-docgen: "npm:^7.0.0" + react-docgen: "npm:^7.1.1" resolve: "npm:^1.22.8" semver: "npm:^7.3.7" tsconfig-paths: "npm:^4.2.0" @@ -8139,20 +8021,11 @@ __metadata: peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.6.14 + storybook: ^9.1.20 peerDependenciesMeta: typescript: optional: true - checksum: f56e6e8ad74a291f781e7f8c9e80644f136196763a450d6af964ce90395daabc2e348a740b366662dbeaa02efe8e6fd2ee0e5ac9fa1b32b59b4677d141c8dd29 - languageName: node - linkType: hard - -"@storybook/preview-api@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/preview-api@npm:8.6.14" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 2e960ae54453d50d27f706dbfc685881534fbc8c5c7ebf4ebfba7d24f33b007f5814f8f9613cd36feb495e7f82cd746c1f88a04e9e107f5aba9972c886afc040 + checksum: e60e51af8df8bccd7762b932e1457c59d3dbd9889fef7a3ea0ff72929c1c4c36fb9a9053eb0063a88f38944be60ec950165f455fefc87be3fd02dd02da719faf languageName: node linkType: hard @@ -8174,93 +8047,51 @@ __metadata: languageName: node linkType: hard -"@storybook/react-dom-shim@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/react-dom-shim@npm:8.6.14" +"@storybook/react-dom-shim@npm:9.1.20": + version: 9.1.20 + resolution: "@storybook/react-dom-shim@npm:9.1.20" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.6.14 - checksum: 6e54c05ab19be1c34084e8acd133d8d358c3b6824db01b4aff159be3f818bd12c3a17217fe1947244c4576d7d02875b486578f011edb0e2290cb62541a263c5f + storybook: ^9.1.20 + checksum: 73ee792f3c24d6dbbb8bfedf394ae6efb80d53704149406dc26cc0f564bbdbd83a35bc7fc8c80e58de7e897c75717eba8849a4970a297abe66dc32c1fffe0c7d languageName: node linkType: hard -"@storybook/react-webpack5@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/react-webpack5@npm:8.6.14" +"@storybook/react-webpack5@npm:^9.1.20": + version: 9.1.20 + resolution: "@storybook/react-webpack5@npm:9.1.20" dependencies: - "@storybook/builder-webpack5": "npm:8.6.14" - "@storybook/preset-react-webpack": "npm:8.6.14" - "@storybook/react": "npm:8.6.14" + "@storybook/builder-webpack5": "npm:9.1.20" + "@storybook/preset-react-webpack": "npm:9.1.20" + "@storybook/react": "npm:9.1.20" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.6.14 - typescript: ">= 4.2.x" + storybook: ^9.1.20 + typescript: ">= 4.9.x" peerDependenciesMeta: typescript: optional: true - checksum: 182470851c5eeb8be9bae9c566aa2e953d46e4ccfb9c982f20ea5ae40c8dd05511c4f076de2d328b82b20ce0e0d6bde4bf83303507bedead0541d14fd818c425 + checksum: 7f2621ea85412fa4c858989c46d8f9513917fb110b5af5581cffd509223209cb787ff245c8107f4ae1c061e6b231cdebbc5e2dbadb533474a187346ea7a59a80 languageName: node linkType: hard -"@storybook/react@npm:8.6.14, @storybook/react@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/react@npm:8.6.14" +"@storybook/react@npm:9.1.20, @storybook/react@npm:^9.1.20": + version: 9.1.20 + resolution: "@storybook/react@npm:9.1.20" dependencies: - "@storybook/components": "npm:8.6.14" "@storybook/global": "npm:^5.0.0" - "@storybook/manager-api": "npm:8.6.14" - "@storybook/preview-api": "npm:8.6.14" - "@storybook/react-dom-shim": "npm:8.6.14" - "@storybook/theming": "npm:8.6.14" + "@storybook/react-dom-shim": "npm:9.1.20" peerDependencies: - "@storybook/test": 8.6.14 react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.6.14 - typescript: ">= 4.2.x" + storybook: ^9.1.20 + typescript: ">= 4.9.x" peerDependenciesMeta: - "@storybook/test": - optional: true typescript: optional: true - checksum: e447892d523b32a52708e6eabc142a3dc0433c23fc28d59206e3b03fe070df77e80998839c3496c22ad11b712499b8e0fbec0dacf31a006ea99b171dba74c43b - languageName: node - linkType: hard - -"@storybook/test@npm:8.6.14, @storybook/test@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/test@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - "@storybook/instrumenter": "npm:8.6.14" - "@testing-library/dom": "npm:10.4.0" - "@testing-library/jest-dom": "npm:6.5.0" - "@testing-library/user-event": "npm:14.5.2" - "@vitest/expect": "npm:2.0.5" - "@vitest/spy": "npm:2.0.5" - peerDependencies: - storybook: ^8.6.14 - checksum: f2808db7d567b03320dbdd4a5e2b8ff8a92860138ff4fc87c7c18c3b2fbfb57158cc5ae936770222d7c3ef0fbed85f5e826762ddbeb7f0399961ab9528dbbcb8 - languageName: node - linkType: hard - -"@storybook/theming@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/theming@npm:8.6.14" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 765bfbfedcbdcdb719b164a14bb61b8ad60819c6124d0e1f243b6b45e62de877ec8dff6259092207a58d6c2771f4883650e9784a2be1aaf7e0ef0fe75465db0d - languageName: node - linkType: hard - -"@storybook/theming@npm:8.6.18": - version: 8.6.18 - resolution: "@storybook/theming@npm:8.6.18" - peerDependencies: - storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 - checksum: 30667a5ed7b70ac4a19f0d4baff53f065bd6f921934d21165dbff52add118b2fe1872c7f25ff8c8a1c768a0344f5db461a5bdf2838533069b3d760b3727b52d0 + checksum: ec7b30305c8ab03e00069aec8e9e0afed9d5392f0d2a5e00ec66cb10468425be8c1bb87c359e87e5c89b6aacb24cca123342ed706b7c72c604c5bad3d47310ee languageName: node linkType: hard @@ -8621,22 +8452,6 @@ __metadata: languageName: node linkType: hard -"@testing-library/dom@npm:10.4.0": - version: 10.4.0 - resolution: "@testing-library/dom@npm:10.4.0" - dependencies: - "@babel/code-frame": "npm:^7.10.4" - "@babel/runtime": "npm:^7.12.5" - "@types/aria-query": "npm:^5.0.1" - aria-query: "npm:5.3.0" - chalk: "npm:^4.1.0" - dom-accessibility-api: "npm:^0.5.9" - lz-string: "npm:^1.5.0" - pretty-format: "npm:^27.0.2" - checksum: 0352487720ecd433400671e773df0b84b8268fb3fe8e527cdfd7c11b1365b398b4e0eddba6e7e0c85e8d615f48257753283fccec41f6b986fd6c85f15eb5f84f - languageName: node - linkType: hard - "@testing-library/dom@npm:^10.0.0, @testing-library/dom@npm:^10.4.1, @testing-library/dom@npm:^8.0.0 || ^9.0.0 || ^10.0.0": version: 10.4.1 resolution: "@testing-library/dom@npm:10.4.1" @@ -8653,22 +8468,7 @@ __metadata: languageName: node linkType: hard -"@testing-library/jest-dom@npm:6.5.0": - version: 6.5.0 - resolution: "@testing-library/jest-dom@npm:6.5.0" - dependencies: - "@adobe/css-tools": "npm:^4.4.0" - aria-query: "npm:^5.0.0" - chalk: "npm:^3.0.0" - css.escape: "npm:^1.5.1" - dom-accessibility-api: "npm:^0.6.3" - lodash: "npm:^4.17.21" - redent: "npm:^3.0.0" - checksum: fd5936a547f04608d8de15a7de3ae26516f21023f8f45169b10c8c8847015fd20ec259b7309f08aa1031bcbc37c6e5e6f532d1bb85ef8f91bad654193ec66a4c - languageName: node - linkType: hard - -"@testing-library/jest-dom@npm:^6.9.1": +"@testing-library/jest-dom@npm:^6.6.3, @testing-library/jest-dom@npm:^6.9.1": version: 6.9.1 resolution: "@testing-library/jest-dom@npm:6.9.1" dependencies: @@ -8720,15 +8520,6 @@ __metadata: languageName: node linkType: hard -"@testing-library/user-event@npm:14.5.2": - version: 14.5.2 - resolution: "@testing-library/user-event@npm:14.5.2" - peerDependencies: - "@testing-library/dom": ">=7.21.4" - checksum: 68a0c2aa28a3c8e6eb05cafee29705438d7d8a9427423ce5064d44f19c29e89b5636de46dd2f28620fb10abba75c67130185bbc3aa23ac1163a227a5f36641e1 - languageName: node - linkType: hard - "@testing-library/user-event@npm:^14.6.1": version: 14.6.1 resolution: "@testing-library/user-event@npm:14.6.1" @@ -8868,6 +8659,16 @@ __metadata: languageName: node linkType: hard +"@types/chai@npm:^5.2.2": + version: 5.2.3 + resolution: "@types/chai@npm:5.2.3" + dependencies: + "@types/deep-eql": "npm:*" + assertion-error: "npm:^2.0.1" + checksum: e0ef1de3b6f8045a5e473e867c8565788c444271409d155588504840ad1a53611011f85072188c2833941189400228c1745d78323dac13fcede9c2b28bacfb2f + languageName: node + linkType: hard + "@types/chroma-js@npm:^2.4.5": version: 2.4.5 resolution: "@types/chroma-js@npm:2.4.5" @@ -9020,6 +8821,13 @@ __metadata: languageName: node linkType: hard +"@types/deep-eql@npm:*": + version: 4.0.2 + resolution: "@types/deep-eql@npm:4.0.2" + checksum: bf3f811843117900d7084b9d0c852da9a044d12eb40e6de73b552598a6843c21291a8a381b0532644574beecd5e3491c5ff3a0365ab86b15d59862c025384844 + languageName: node + linkType: hard + "@types/doctrine@npm:^0.0.3": version: 0.0.3 resolution: "@types/doctrine@npm:0.0.3" @@ -9749,13 +9557,6 @@ __metadata: languageName: node linkType: hard -"@types/uuid@npm:^9.0.1": - version: 9.0.8 - resolution: "@types/uuid@npm:9.0.8" - checksum: b411b93054cb1d4361919579ef3508a1f12bf15b5fdd97337d3d351bece6c921b52b6daeef89b62340fd73fd60da407878432a1af777f40648cbe53a01723489 - languageName: node - linkType: hard - "@types/validator@npm:^13.7.1": version: 13.7.1 resolution: "@types/validator@npm:13.7.1" @@ -10581,65 +10382,64 @@ __metadata: languageName: node linkType: hard -"@vitest/expect@npm:2.0.5": - version: 2.0.5 - resolution: "@vitest/expect@npm:2.0.5" - dependencies: - "@vitest/spy": "npm:2.0.5" - "@vitest/utils": "npm:2.0.5" - chai: "npm:^5.1.1" - tinyrainbow: "npm:^1.2.0" - checksum: 08cb1b0f106d16a5b60db733e3d436fa5eefc68571488eb570dfe4f599f214ab52e4342273b03dbe12331cc6c0cdc325ac6c94f651ad254cd62f3aa0e3d185aa - languageName: node - linkType: hard - -"@vitest/pretty-format@npm:2.0.5": - version: 2.0.5 - resolution: "@vitest/pretty-format@npm:2.0.5" +"@vitest/expect@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/expect@npm:3.2.4" dependencies: - tinyrainbow: "npm:^1.2.0" - checksum: 236c0798c5170a0b5ad5d4bd06118533738e820b4dd30079d8fbcb15baee949d41c60f42a9f769906c4a5ce366d7ef11279546070646c0efc03128c220c31f37 + "@types/chai": "npm:^5.2.2" + "@vitest/spy": "npm:3.2.4" + "@vitest/utils": "npm:3.2.4" + chai: "npm:^5.2.0" + tinyrainbow: "npm:^2.0.0" + checksum: 7586104e3fd31dbe1e6ecaafb9a70131e4197dce2940f727b6a84131eee3decac7b10f9c7c72fa5edbdb68b6f854353bd4c0fa84779e274207fb7379563b10db languageName: node linkType: hard -"@vitest/pretty-format@npm:2.1.9": - version: 2.1.9 - resolution: "@vitest/pretty-format@npm:2.1.9" +"@vitest/mocker@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/mocker@npm:3.2.4" dependencies: - tinyrainbow: "npm:^1.2.0" - checksum: 155f9ede5090eabed2a73361094bb35ed4ec6769ae3546d2a2af139166569aec41bb80e031c25ff2da22b71dd4ed51e5468e66a05e6aeda5f14b32e30bc18f00 + "@vitest/spy": "npm:3.2.4" + estree-walker: "npm:^3.0.3" + magic-string: "npm:^0.30.17" + peerDependencies: + msw: ^2.4.9 + vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0 + peerDependenciesMeta: + msw: + optional: true + vite: + optional: true + checksum: f7a4aea19bbbf8f15905847ee9143b6298b2c110f8b64789224cb0ffdc2e96f9802876aa2ca83f1ec1b6e1ff45e822abb34f0054c24d57b29ab18add06536ccd languageName: node linkType: hard -"@vitest/spy@npm:2.0.5": - version: 2.0.5 - resolution: "@vitest/spy@npm:2.0.5" +"@vitest/pretty-format@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/pretty-format@npm:3.2.4" dependencies: - tinyspy: "npm:^3.0.0" - checksum: 70634c21921eb271b54d2986c21d7ab6896a31c0f4f1d266940c9bafb8ac36237846d6736638cbf18b958bd98e5261b158a6944352742accfde50b7818ff655e + tinyrainbow: "npm:^2.0.0" + checksum: 5ad7d4278e067390d7d633e307fee8103958806a419ca380aec0e33fae71b44a64415f7a9b4bc11635d3c13d4a9186111c581d3cef9c65cc317e68f077456887 languageName: node linkType: hard -"@vitest/utils@npm:2.0.5": - version: 2.0.5 - resolution: "@vitest/utils@npm:2.0.5" +"@vitest/spy@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/spy@npm:3.2.4" dependencies: - "@vitest/pretty-format": "npm:2.0.5" - estree-walker: "npm:^3.0.3" - loupe: "npm:^3.1.1" - tinyrainbow: "npm:^1.2.0" - checksum: 0d1de748298f07a50281e1ba058b05dcd58da3280c14e6f016265e950bd79adab6b97822de8f0ea82d3070f585654801a9b1bcf26db4372e51cf7746bf86d73b + tinyspy: "npm:^4.0.3" + checksum: 6ebf0b4697dc238476d6b6a60c76ba9eb1dd8167a307e30f08f64149612fd50227682b876420e4c2e09a76334e73f72e3ebf0e350714dc22474258292e202024 languageName: node linkType: hard -"@vitest/utils@npm:^2.1.1": - version: 2.1.9 - resolution: "@vitest/utils@npm:2.1.9" +"@vitest/utils@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/utils@npm:3.2.4" dependencies: - "@vitest/pretty-format": "npm:2.1.9" - loupe: "npm:^3.1.2" - tinyrainbow: "npm:^1.2.0" - checksum: 81a346cd72b47941f55411f5df4cc230e5f740d1e97e0d3f771b27f007266fc1f28d0438582f6409ea571bc0030ed37f684c64c58d1947d6298d770c21026fdf + "@vitest/pretty-format": "npm:3.2.4" + loupe: "npm:^3.1.4" + tinyrainbow: "npm:^2.0.0" + checksum: 024a9b8c8bcc12cf40183c246c244b52ecff861c6deb3477cbf487ac8781ad44c68a9c5fd69f8c1361878e55b97c10d99d511f2597f1f7244b5e5101d028ba64 languageName: node linkType: hard @@ -13889,13 +13689,6 @@ __metadata: languageName: node linkType: hard -"browser-assert@npm:^1.2.1": - version: 1.2.1 - resolution: "browser-assert@npm:1.2.1" - checksum: 902abf999f92c9c951fdb6d7352c09eea9a84706258699655f7e7906e42daa06a1ae286398a755872740e05a6a71c43c5d1a0c0431d67a8cdb66e5d859a3fc0c - languageName: node - linkType: hard - "browser-filesaver@npm:^1.1.1": version: 1.1.1 resolution: "browser-filesaver@npm:1.1.1" @@ -14413,7 +14206,7 @@ __metadata: social-logos: "npm:^3.1.18" source-map-support: "npm:^0.5.21" store: "npm:^2.0.12" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" stream-browserify: "npm:^3.0.0" striptags: "npm:^3.2.0" superagent: "npm:^3.8.3" @@ -14541,16 +14334,16 @@ __metadata: languageName: node linkType: hard -"chai@npm:^5.1.1": - version: 5.2.0 - resolution: "chai@npm:5.2.0" +"chai@npm:^5.2.0": + version: 5.3.3 + resolution: "chai@npm:5.3.3" dependencies: assertion-error: "npm:^2.0.1" check-error: "npm:^2.1.1" deep-eql: "npm:^5.0.1" loupe: "npm:^3.1.0" pathval: "npm:^2.0.0" - checksum: dfd1cb719c7cebb051b727672d382a35338af1470065cb12adb01f4ee451bbf528e0e0f9ab2016af5fc1eea4df6e7f4504dc8443f8f00bd8fb87ad32dc516f7d + checksum: b360fd4d38861622e5010c2f709736988b05c7f31042305fa3f4e9911f6adb80ccfb4e302068bf8ed10e835c2e2520cba0f5edc13d878b886987e5aa62483f53 languageName: node linkType: hard @@ -15411,13 +15204,6 @@ __metadata: languageName: node linkType: hard -"constants-browserify@npm:^1.0.0": - version: 1.0.0 - resolution: "constants-browserify@npm:1.0.0" - checksum: ab49b1d59a433ed77c964d90d19e08b2f77213fb823da4729c0baead55e3c597f8f97ebccfdfc47bd896d43854a117d114c849a6f659d9986420e97da0f83ac5 - languageName: node - linkType: hard - "content-disposition@npm:~0.5.4": version: 0.5.4 resolution: "content-disposition@npm:0.5.4" @@ -16550,7 +16336,7 @@ __metadata: languageName: node linkType: hard -"dequal@npm:^2.0.0, dequal@npm:^2.0.2, dequal@npm:^2.0.3": +"dequal@npm:^2.0.0, dequal@npm:^2.0.3": version: 2.0.3 resolution: "dequal@npm:2.0.3" checksum: f98860cdf58b64991ae10205137c0e97d384c3a4edc7f807603887b7c4b850af1224a33d88012009f150861cbee4fa2d322c4cc04b9313bee312e47f6ecaa888 @@ -18867,6 +18653,17 @@ __metadata: languageName: node linkType: hard +"find-up@npm:^7.0.0": + version: 7.0.0 + resolution: "find-up@npm:7.0.0" + dependencies: + locate-path: "npm:^7.2.0" + path-exists: "npm:^5.0.0" + unicorn-magic: "npm:^0.1.0" + checksum: e6ee3e6154560bc0ab3bc3b7d1348b31513f9bdf49a5dd2e952495427d559fa48cdf33953e85a309a323898b43fa1bfbc8b80c880dfc16068384783034030008 + languageName: node + linkType: hard + "findup-sync@npm:^5.0.0": version: 5.0.0 resolution: "findup-sync@npm:5.0.0" @@ -22232,7 +22029,7 @@ __metadata: languageName: node linkType: hard -"jsdoc-type-pratt-parser@npm:^4.0.0, jsdoc-type-pratt-parser@npm:~4.1.0": +"jsdoc-type-pratt-parser@npm:~4.1.0": version: 4.1.0 resolution: "jsdoc-type-pratt-parser@npm:4.1.0" checksum: 7700372d2e733a32f7ea0a1df9cec6752321a5345c11a91b2ab478a031a426e934f16d5c1f15c8566c7b2c10af9f27892a29c2c789039f595470e929a4aa60ea @@ -22779,7 +22576,7 @@ __metadata: languageName: node linkType: hard -"locate-path@npm:^7.1.0": +"locate-path@npm:^7.1.0, locate-path@npm:^7.2.0": version: 7.2.0 resolution: "locate-path@npm:7.2.0" dependencies: @@ -23075,10 +22872,10 @@ __metadata: languageName: node linkType: hard -"loupe@npm:^3.1.0, loupe@npm:^3.1.1, loupe@npm:^3.1.2": - version: 3.1.3 - resolution: "loupe@npm:3.1.3" - checksum: f5dab4144254677de83a35285be1b8aba58b3861439ce4ba65875d0d5f3445a4a496daef63100ccf02b2dbc25bf58c6db84c9cb0b96d6435331e9d0a33b48541 +"loupe@npm:^3.1.0, loupe@npm:^3.1.4": + version: 3.2.1 + resolution: "loupe@npm:3.2.1" + checksum: 910c872cba291309664c2d094368d31a68907b6f5913e989d301b5c25f30e97d76d77f23ab3bf3b46d0f601ff0b6af8810c10c31b91d2c6b2f132809ca2cc705 languageName: node linkType: hard @@ -23249,13 +23046,6 @@ __metadata: languageName: node linkType: hard -"map-or-similar@npm:^1.5.0": - version: 1.5.0 - resolution: "map-or-similar@npm:1.5.0" - checksum: 33c6ccfdc272992e33e4e99a69541a3e7faed9de3ac5bc732feb2500a9ee71d3f9d098980a70b7746e7eeb7f859ff7dfb8aa9b5ecc4e34170a32ab78cfb18def - languageName: node - linkType: hard - "map-values@npm:^1.0.1": version: 1.0.1 resolution: "map-values@npm:1.0.1" @@ -23692,15 +23482,6 @@ __metadata: languageName: node linkType: hard -"memoizerific@npm:^1.11.3": - version: 1.11.3 - resolution: "memoizerific@npm:1.11.3" - dependencies: - map-or-similar: "npm:^1.5.0" - checksum: 661bf69b7afbfad57f0208f0c63324f4c96087b480708115b78ee3f0237d86c7f91347f6db31528740b2776c2e34c709bcb034e1e910edee2270c9603a0a469e - languageName: node - linkType: hard - "memorystream@npm:^0.3.1": version: 0.3.1 resolution: "memorystream@npm:0.3.1" @@ -26225,15 +26006,6 @@ __metadata: languageName: node linkType: hard -"polished@npm:^4.2.2": - version: 4.2.2 - resolution: "polished@npm:4.2.2" - dependencies: - "@babel/runtime": "npm:^7.17.8" - checksum: 1d054d1fea18ac7d921ca91504ffcf1ef0f505eda6acbfec6e205a98ebfea80b658664995deb35907dabc5f75f287dc2894812503a8aed28285bb91f25cf7400 - languageName: node - linkType: hard - "possible-typed-array-names@npm:^1.0.0": version: 1.0.0 resolution: "possible-typed-array-names@npm:1.0.0" @@ -27103,13 +26875,6 @@ __metadata: languageName: node linkType: hard -"punycode@npm:^1.4.1": - version: 1.4.1 - resolution: "punycode@npm:1.4.1" - checksum: 354b743320518aef36f77013be6e15da4db24c2b4f62c5f1eb0529a6ed02fbaf1cb52925785f6ab85a962f2b590d9cd5ad730b70da72b5f180e2556b8bd3ca08 - languageName: node - linkType: hard - "punycode@npm:^2.1.0, punycode@npm:^2.1.1": version: 2.1.1 resolution: "punycode@npm:2.1.1" @@ -27262,9 +27027,9 @@ __metadata: languageName: node linkType: hard -"react-docgen@npm:^7.0.0": - version: 7.0.1 - resolution: "react-docgen@npm:7.0.1" +"react-docgen@npm:^7.1.1": + version: 7.1.1 + resolution: "react-docgen@npm:7.1.1" dependencies: "@babel/core": "npm:^7.18.9" "@babel/traverse": "npm:^7.18.9" @@ -27276,7 +27041,7 @@ __metadata: doctrine: "npm:^3.0.0" resolve: "npm:^1.22.1" strip-indent: "npm:^4.0.0" - checksum: 870c1193211f14497bf7a96137f96840dc058842ca75ff7251d91e88c3c71d7a41d5f1a124cc1b53bfbf1f2b6b58bfccc4dd6e22592814a5155d3894953274be + checksum: 961e69487f6acbd9110afbda31f5a0c7fa7ab8b1ebe09fc0138c17efd297fa0b69518df873e937cac108732cd8125433bf939115d23ff99c1c171844140705a7 languageName: node linkType: hard @@ -30465,21 +30230,30 @@ __metadata: languageName: node linkType: hard -"storybook@npm:^8.6.17": - version: 8.6.18 - resolution: "storybook@npm:8.6.18" +"storybook@npm:^9.1.20": + version: 9.1.20 + resolution: "storybook@npm:9.1.20" dependencies: - "@storybook/core": "npm:8.6.18" + "@storybook/global": "npm:^5.0.0" + "@testing-library/jest-dom": "npm:^6.6.3" + "@testing-library/user-event": "npm:^14.6.1" + "@vitest/expect": "npm:3.2.4" + "@vitest/mocker": "npm:3.2.4" + "@vitest/spy": "npm:3.2.4" + better-opn: "npm:^3.0.2" + esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0" + esbuild-register: "npm:^3.5.0" + recast: "npm:^0.23.5" + semver: "npm:^7.6.2" + ws: "npm:^8.18.0" peerDependencies: prettier: ^2 || ^3 peerDependenciesMeta: prettier: optional: true bin: - getstorybook: ./bin/index.cjs - sb: ./bin/index.cjs storybook: ./bin/index.cjs - checksum: 0ea0c0d0226dc2e454838f33cada24be0b1060a539975b559846663d02c1eeb7a1b7a5f703208493261895142c68bf0b2ce4d6ba78d03869f434ceab16eb420d + checksum: d510837e81297e83119a8cf827818231ff9c99299d7c4f29407a8317ac151803d8784d891fa1a4983be1998417abbcaad27cd21e47dd33f4da2d246014eb68cf languageName: node linkType: hard @@ -31452,17 +31226,17 @@ __metadata: languageName: node linkType: hard -"tinyrainbow@npm:^1.2.0": - version: 1.2.0 - resolution: "tinyrainbow@npm:1.2.0" - checksum: 7f78a4b997e5ba0f5ecb75e7ed786f30bab9063716e7dff24dd84013fb338802e43d176cb21ed12480561f5649a82184cf31efb296601a29d38145b1cdb4c192 +"tinyrainbow@npm:^2.0.0": + version: 2.0.0 + resolution: "tinyrainbow@npm:2.0.0" + checksum: c83c52bef4e0ae7fb8ec6a722f70b5b6fa8d8be1c85792e829f56c0e1be94ab70b293c032dc5048d4d37cfe678f1f5babb04bdc65fd123098800148ca989184f languageName: node linkType: hard -"tinyspy@npm:^3.0.0": - version: 3.0.2 - resolution: "tinyspy@npm:3.0.2" - checksum: 55ffad24e346622b59292e097c2ee30a63919d5acb7ceca87fc0d1c223090089890587b426e20054733f97a58f20af2c349fb7cc193697203868ab7ba00bcea0 +"tinyspy@npm:^4.0.3": + version: 4.0.4 + resolution: "tinyspy@npm:4.0.4" + checksum: a8020fc17799251e06a8398dcc352601d2770aa91c556b9531ecd7a12581161fd1c14e81cbdaff0c1306c93bfdde8ff6d1c1a3f9bbe6d91604f0fd4e01e2f1eb languageName: node linkType: hard @@ -32166,6 +31940,13 @@ __metadata: languageName: node linkType: hard +"unicorn-magic@npm:^0.1.0": + version: 0.1.0 + resolution: "unicorn-magic@npm:0.1.0" + checksum: e4ed0de05b0a05e735c7d8a2930881e5efcfc3ec897204d5d33e7e6247f4c31eac92e383a15d9a6bccb7319b4271ee4bea946e211bf14951fec6ff2cbbb66a92 + languageName: node + linkType: hard + "unified-lint-rule@npm:^1.0.0": version: 1.0.6 resolution: "unified-lint-rule@npm:1.0.6" @@ -32629,16 +32410,6 @@ __metadata: languageName: node linkType: hard -"url@npm:^0.11.0": - version: 0.11.3 - resolution: "url@npm:0.11.3" - dependencies: - punycode: "npm:^1.4.1" - qs: "npm:^6.11.2" - checksum: 7546b878ee7927cfc62ca21dbe2dc395cf70e889c3488b2815bf2c63355cb3c7db555128176a01b0af6cccf265667b6fd0b4806de00cb71c143c53986c08c602 - languageName: node - linkType: hard - "use-callback-ref@npm:^1.3.0": version: 1.3.0 resolution: "use-callback-ref@npm:1.3.0" @@ -32769,7 +32540,7 @@ __metadata: languageName: node linkType: hard -"util@npm:^0.12.4, util@npm:^0.12.5": +"util@npm:^0.12.5": version: 0.12.5 resolution: "util@npm:0.12.5" dependencies: @@ -33511,7 +33282,7 @@ __metadata: "@paypal/react-paypal-js": "npm:^8.7.0" "@pmmmwh/react-refresh-webpack-plugin": "npm:0.5.15" "@signal-noise/stylelint-scales": "npm:^2.0.3" - "@storybook/react": "npm:^8.6.14" + "@storybook/react": "npm:^9.1.20" "@tanstack/eslint-plugin-query": "npm:^5.100.0" "@testing-library/jest-dom": "npm:^6.9.1" "@types/chroma-js": "npm:^2.4.5" @@ -33636,7 +33407,7 @@ __metadata: source-map: "npm:^0.7.4" stackframe: "npm:^1.1.1" stacktrace-gps: "npm:^3.0.3" - storybook: "npm:^8.6.17" + storybook: "npm:^9.1.20" stylelint: "npm:^16.15.0" stylelint-scss: "npm:^6.4.0" swiper: "npm:^12.1.2" @@ -33860,7 +33631,7 @@ __metadata: languageName: node linkType: hard -"ws@npm:^8.11.0, ws@npm:^8.2.3": +"ws@npm:^8.11.0, ws@npm:^8.18.0": version: 8.21.0 resolution: "ws@npm:8.21.0" peerDependencies: From 30bef9079a434c68b2cf32dca9f3e4dda1848275 Mon Sep 17 00:00:00 2001 From: Paulo Trentin Date: Fri, 29 May 2026 16:57:35 -0300 Subject: [PATCH 2/2] fix(storybook): drop v9-merged addons and inject Calypso sass prelude Storybook 9 folded addon-controls/actions/toolbars/viewport into core, so their leftover registrations and devDependencies threw "package no longer exists" at preview load. Remove them from the shared config and package.json files. Also wire a configurable sass prelude into the shared sass-loader and pass the app's `@use 'calypso/assets/stylesheets/shared/_utils.scss'` prelude (plus the `calypso` alias) from the root Storybook, so shared mixins like long-content-fade resolve when stories pull in @automattic/search. Co-Authored-By: Claude Opus 4.8 (1M context) --- .storybook/main.js | 3 ++ packages/calypso-storybook/package.json | 4 --- packages/calypso-storybook/src/index.js | 6 ++-- packages/components/package.json | 1 - packages/grid/package.json | 2 -- packages/search/package.json | 1 - packages/ui/package.json | 1 - yarn.lock | 37 ------------------------- 8 files changed, 5 insertions(+), 50 deletions(-) diff --git a/.storybook/main.js b/.storybook/main.js index f38635db78c7..a070012e251b 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -1,3 +1,4 @@ +const path = require( 'path' ); const sharedConfig = require( '../config/_shared.json' ); const devConfig = require( '../config/development.json' ); const storybookDefaultConfig = require( '@automattic/calypso-storybook' ); @@ -12,6 +13,8 @@ const storybookConfig = storybookDefaultConfig( { '../packages/design-picker/src/**/*.stories.{ts,tsx}', '../packages/domains-table/src/**/*.stories.{js,jsx,ts,tsx}', ], + webpackAliases: { calypso: path.join( __dirname, '../client' ) }, + sassPrelude: `@use 'calypso/assets/stylesheets/shared/_utils.scss' as *;`, } ); const configData = { ...sharedConfig, ...devConfig }; diff --git a/packages/calypso-storybook/package.json b/packages/calypso-storybook/package.json index 5186d8c52fb8..52d5e78152a9 100644 --- a/packages/calypso-storybook/package.json +++ b/packages/calypso-storybook/package.json @@ -22,12 +22,8 @@ "devDependencies": { "@automattic/calypso-eslint-overrides": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^9.0.8", - "@storybook/addon-controls": "^9.0.8", "@storybook/addon-docs": "^9.1.20", "@storybook/addon-themes": "^9.1.20", - "@storybook/addon-toolbars": "^9.0.8", - "@storybook/addon-viewport": "^9.0.8", "@storybook/addon-webpack5-compiler-babel": "^3.0.6", "@storybook/react-webpack5": "^9.1.20", "storybook": "^9.1.20" diff --git a/packages/calypso-storybook/src/index.js b/packages/calypso-storybook/src/index.js index edef624e7d61..30a5942d9a00 100644 --- a/packages/calypso-storybook/src/index.js +++ b/packages/calypso-storybook/src/index.js @@ -6,6 +6,7 @@ module.exports = function storybookDefaultConfig( { stories, plugins = [], webpackAliases = {}, + sassPrelude = '', babelCacheDirectory = path.join( __dirname, '../../../.cache/babel-storybook' ), } = {} ) { return { @@ -39,11 +40,7 @@ module.exports = function storybookDefaultConfig( { staticDirs, stories: stories && stories.length ? stories : [ '../src/**/*.stories.{js,jsx,ts,tsx}' ], addons: [ - '@storybook/addon-controls', - '@storybook/addon-actions', '@storybook/addon-docs', - '@storybook/addon-toolbars', - '@storybook/addon-viewport', '@storybook/addon-themes', '@storybook/addon-webpack5-compiler-babel', ], @@ -86,6 +83,7 @@ module.exports = function storybookDefaultConfig( { { loader: require.resolve( 'sass-loader' ), // Compiles Sass to CSS options: { + additionalData: sassPrelude, api: 'modern', sassOptions: { quietDeps: true, diff --git a/packages/components/package.json b/packages/components/package.json index 9defefe6176b..2b6126158210 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -89,7 +89,6 @@ "@automattic/calypso-build": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^9.0.8", "@storybook/react": "^9.1.20", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", diff --git a/packages/grid/package.json b/packages/grid/package.json index 08be1550ffd4..09f9aaeec05e 100644 --- a/packages/grid/package.json +++ b/packages/grid/package.json @@ -34,8 +34,6 @@ "@automattic/calypso-build": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^9.0.8", - "@storybook/addon-controls": "^9.0.8", "@storybook/addon-docs": "^9.1.20", "@storybook/react-webpack5": "^9.1.20", "postcss": "^8.5.3", diff --git a/packages/search/package.json b/packages/search/package.json index b49b4c9b335a..a7d01337eb37 100644 --- a/packages/search/package.json +++ b/packages/search/package.json @@ -56,7 +56,6 @@ "@automattic/calypso-color-schemes": "workspace:^", "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", - "@storybook/addon-actions": "^9.0.8", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.0", diff --git a/packages/ui/package.json b/packages/ui/package.json index d449f3389d2b..7d6bd8dca3b8 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -58,7 +58,6 @@ "@automattic/calypso-storybook": "workspace:^", "@automattic/calypso-typescript-config": "workspace:^", "@microsoft/api-extractor": "^7.58.7", - "@storybook/addon-actions": "^9.0.8", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.0", diff --git a/yarn.lock b/yarn.lock index 69987052bca0..3979c2525533 100644 --- a/yarn.lock +++ b/yarn.lock @@ -700,12 +700,8 @@ __metadata: "@automattic/calypso-babel-config": "workspace:^" "@automattic/calypso-eslint-overrides": "workspace:^" "@automattic/calypso-typescript-config": "workspace:^" - "@storybook/addon-actions": "npm:^9.0.8" - "@storybook/addon-controls": "npm:^9.0.8" "@storybook/addon-docs": "npm:^9.1.20" "@storybook/addon-themes": "npm:^9.1.20" - "@storybook/addon-toolbars": "npm:^9.0.8" - "@storybook/addon-viewport": "npm:^9.0.8" "@storybook/addon-webpack5-compiler-babel": "npm:^3.0.6" "@storybook/react-webpack5": "npm:^9.1.20" css-loader: "npm:^6.11.0" @@ -869,7 +865,6 @@ __metadata: "@emotion/css": "npm:^11.11.2" "@emotion/react": "npm:^11.11.1" "@emotion/styled": "npm:^11.11.0" - "@storybook/addon-actions": "npm:^9.0.8" "@storybook/react": "npm:^9.1.20" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" @@ -1387,8 +1382,6 @@ __metadata: "@dnd-kit/core": "npm:^6.3.1" "@dnd-kit/sortable": "npm:^10.0.0" "@dnd-kit/utilities": "npm:^3.2.2" - "@storybook/addon-actions": "npm:^9.0.8" - "@storybook/addon-controls": "npm:^9.0.8" "@storybook/addon-docs": "npm:^9.1.20" "@storybook/react-webpack5": "npm:^9.1.20" "@wordpress/compose": "patch:@wordpress/compose@npm%3A8.0.0#~/.yarn/patches/@wordpress-compose-npm-8.0.0-14fd3b56ad.patch" @@ -2134,7 +2127,6 @@ __metadata: "@automattic/calypso-typescript-config": "workspace:^" "@automattic/typography": "workspace:^" "@babel/runtime": "npm:^7.27.1" - "@storybook/addon-actions": "npm:^9.0.8" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" "@testing-library/react": "npm:^16.3.0" @@ -2337,7 +2329,6 @@ __metadata: "@automattic/calypso-storybook": "workspace:^" "@automattic/calypso-typescript-config": "workspace:^" "@microsoft/api-extractor": "npm:^7.58.7" - "@storybook/addon-actions": "npm:^9.0.8" "@testing-library/dom": "npm:^10.4.1" "@testing-library/jest-dom": "npm:^6.9.1" "@testing-library/react": "npm:^16.3.0" @@ -7871,20 +7862,6 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-actions@npm:^9.0.8": - version: 9.0.8 - resolution: "@storybook/addon-actions@npm:9.0.8" - checksum: 40ab6bf018cb423bf156e6b1317d199f3730690750b88b4c4eed7af636fdbc9392ddc95b1383927ec85f462515ae35bc9f517c934bf05e1edb645f6b9b94264a - languageName: node - linkType: hard - -"@storybook/addon-controls@npm:^9.0.8": - version: 9.0.8 - resolution: "@storybook/addon-controls@npm:9.0.8" - checksum: cfde9dcafeeec4da8095406ce03e0f301c0731a1b965769f981acfedae4d61487c18e15583142ed2755a5a75ddec4dc11759b066ec20d0e5855603b8d54a9b85 - languageName: node - linkType: hard - "@storybook/addon-docs@npm:^9.1.20": version: 9.1.20 resolution: "@storybook/addon-docs@npm:9.1.20" @@ -7913,20 +7890,6 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-toolbars@npm:^9.0.8": - version: 9.0.8 - resolution: "@storybook/addon-toolbars@npm:9.0.8" - checksum: 9c18a4426ad42b1a7dea6178a5d9305a8ad799920778068b332e56aaea4a2eca8b845fb1d3a8b84f68eafec54949704108e16eb78fd01d8e191f1653e05c9cd5 - languageName: node - linkType: hard - -"@storybook/addon-viewport@npm:^9.0.8": - version: 9.0.8 - resolution: "@storybook/addon-viewport@npm:9.0.8" - checksum: 53587e9603d128db0fc10cc351d0469b7494abdfdc2f537a3011d72e6444706fdb2d8329484968172bcaa50063fea929fa44af3358d9a452118a7e74b8912805 - languageName: node - linkType: hard - "@storybook/addon-webpack5-compiler-babel@npm:^3.0.6": version: 3.0.6 resolution: "@storybook/addon-webpack5-compiler-babel@npm:3.0.6"