diff --git a/.chromatic-fc/custom-addons/chromatic/index.js b/.chromatic-fc/custom-addons/chromatic/index.js index fc05b96dd74..65e774a8d17 100644 --- a/.chromatic-fc/custom-addons/chromatic/index.js +++ b/.chromatic-fc/custom-addons/chromatic/index.js @@ -1,5 +1,5 @@ import {expressThemes, locales, S2ColorThemes, scales, themes} from '../../constants'; -import {makeDecorator} from '@storybook/preview-api'; +import {makeDecorator} from 'storybook/preview-api'; import {Provider, View} from '@adobe/react-spectrum'; import {Provider as S2Provider} from '@react-spectrum/s2'; import React, {useEffect} from 'react'; diff --git a/.chromatic-fc/main.js b/.chromatic-fc/main.js index 568b23b40da..3e18290db84 100644 --- a/.chromatic-fc/main.js +++ b/.chromatic-fc/main.js @@ -9,7 +9,7 @@ module.exports = { '../packages/@react-spectrum/s2/chromatic/*.stories.@(js|jsx|mjs|ts|tsx)' ], addons: process.env.NODE_ENV === 'production' ? [] : [ - '@storybook/addon-actions', + 'storybook/actions', '@storybook/addon-a11y' ], typescript: { diff --git a/.chromatic-fc/manager.js b/.chromatic-fc/manager.js index 22bfe1256ad..f5b5f6f1903 100644 --- a/.chromatic-fc/manager.js +++ b/.chromatic-fc/manager.js @@ -1,4 +1,4 @@ -import {addons} from '@storybook/manager-api'; +import {addons} from 'storybook/manager-api'; addons.setConfig({ enableShortcuts: false, diff --git a/.chromatic-fc/preview.js b/.chromatic-fc/preview.js index 116d8f603b3..0346e38a8e1 100644 --- a/.chromatic-fc/preview.js +++ b/.chromatic-fc/preview.js @@ -1,4 +1,4 @@ -import {configureActions} from '@storybook/addon-actions'; +import {configureActions} from 'storybook/actions'; import React from 'react'; import {VerticalCenter} from './layout'; import {withChromaticProvider} from './custom-addons/chromatic'; diff --git a/.chromatic/custom-addons/chromatic/index.js b/.chromatic/custom-addons/chromatic/index.js index 55730fd6869..053fd17d1d0 100644 --- a/.chromatic/custom-addons/chromatic/index.js +++ b/.chromatic/custom-addons/chromatic/index.js @@ -1,5 +1,5 @@ import {expressThemes, locales, S2Backgrounds, S2ColorThemes, scales, themes} from '../../constants'; -import {makeDecorator} from '@storybook/preview-api'; +import {makeDecorator} from 'storybook/preview-api'; import {Provider, View} from '@adobe/react-spectrum'; import {Provider as S2Provider} from '@react-spectrum/s2'; import React, {useEffect} from 'react'; diff --git a/.chromatic/main.js b/.chromatic/main.js index 32b3b56e029..a9f9a574e15 100644 --- a/.chromatic/main.js +++ b/.chromatic/main.js @@ -9,7 +9,7 @@ module.exports = { '../packages/@react-spectrum/s2/chromatic/*.stories.@(js|jsx|mjs|ts|tsx)' ], addons: process.env.NODE_ENV === 'production' ? [] : [ - '@storybook/addon-actions', + 'storybook/actions', '@storybook/addon-a11y' ], typescript: { diff --git a/.chromatic/manager.js b/.chromatic/manager.js index 22bfe1256ad..f5b5f6f1903 100644 --- a/.chromatic/manager.js +++ b/.chromatic/manager.js @@ -1,4 +1,4 @@ -import {addons} from '@storybook/manager-api'; +import {addons} from 'storybook/manager-api'; addons.setConfig({ enableShortcuts: false, diff --git a/.chromatic/preview.js b/.chromatic/preview.js index 606d065f9ac..9eec4835f83 100644 --- a/.chromatic/preview.js +++ b/.chromatic/preview.js @@ -1,4 +1,4 @@ -import {configureActions} from '@storybook/addon-actions'; +import {configureActions} from 'storybook/actions'; import React from 'react'; import {VerticalCenter} from './layout'; import {withChromaticProvider} from './custom-addons/chromatic'; diff --git a/.circleci/comment.js b/.circleci/comment.js index 3572bd0a150..3ade533c4d5 100644 --- a/.circleci/comment.js +++ b/.circleci/comment.js @@ -11,7 +11,7 @@ async function run() { let pr; // If we aren't running on a PR commit, double check if this is a branch created for a fork. If so, we'll need to // comment the build link on the fork. - if (!process.env.CIRCLE_PULL_REQUEST) { + if (true) { try { const commit = await octokit.git.getCommit({ owner: 'adobe', @@ -41,7 +41,7 @@ async function run() { break; } } - } else if (process.env.CIRCLE_BRANCH === 'main') { + } else if (true) { //If it isn't a PR commit, then we are on main. Create a comment for the test app and docs build await octokit.repos.createCommitComment({ owner: 'adobe', diff --git a/.circleci/config.yml b/.circleci/config.yml index e7efbc92e9d..c36ff59c77d 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -910,9 +910,6 @@ workflows: requires: - install - verdaccio: - filters: - branches: - only: main requires: - install - v-docs: diff --git a/.storybook-s2/custom-addons/provider/index.js b/.storybook-s2/custom-addons/provider/index.js index deecfa6bec2..d4c703ce8d3 100644 --- a/.storybook-s2/custom-addons/provider/index.js +++ b/.storybook-s2/custom-addons/provider/index.js @@ -1,6 +1,5 @@ import React, {useEffect, useState} from 'react'; -import {addons} from '@storybook/preview-api'; -import {makeDecorator} from '@storybook/preview-api'; +import {addons, makeDecorator} from 'storybook/preview-api'; // Importing from src so that HMR works. // Without this, all HMR updates will bubble through the index.ts and up // to the root instead of stopping at the story files. diff --git a/.storybook-s2/custom-addons/provider/register.js b/.storybook-s2/custom-addons/provider/register.js index d61694aea44..e334a7ad444 100644 --- a/.storybook-s2/custom-addons/provider/register.js +++ b/.storybook-s2/custom-addons/provider/register.js @@ -1,5 +1,5 @@ -import {addons, types} from '@storybook/manager-api'; +import {addons, types} from 'storybook/manager-api'; import {locales} from '../../constants'; import React, {useEffect, useState} from 'react'; diff --git a/.storybook-s2/main.ts b/.storybook-s2/main.ts index 949e310ac7f..7ecd4a0f4be 100644 --- a/.storybook-s2/main.ts +++ b/.storybook-s2/main.ts @@ -1,4 +1,4 @@ -import type { StorybookConfig } from "@storybook/types"; +import type { StorybookConfig } from "storybook/internal/types"; // const excludedProps = new Set([ // 'id', @@ -20,12 +20,9 @@ const config: StorybookConfig = { "../packages/@react-spectrum/s2/stories/*.stories.@(js|jsx|mjs|ts|tsx)", ], addons: [ - "@storybook/addon-links", - "@storybook/addon-essentials", - "@storybook/addon-interactions", './custom-addons/provider/register', // "@storybook/addon-styling-webpack", - "storybook-dark-mode", + "@vueless/storybook-dark-mode", "@storybook/addon-a11y", ], framework: { diff --git a/.storybook-s2/manager.js b/.storybook-s2/manager.js index c2c66056a45..a822ef2fd00 100644 --- a/.storybook-s2/manager.js +++ b/.storybook-s2/manager.js @@ -1,4 +1,4 @@ -import {addons} from '@storybook/manager-api'; +import {addons} from 'storybook/manager-api'; addons.setConfig({ enableShortcuts: false diff --git a/.storybook-s2/preview.tsx b/.storybook-s2/preview.tsx index ced19394cb9..2b74fcd8dbe 100644 --- a/.storybook-s2/preview.tsx +++ b/.storybook-s2/preview.tsx @@ -1,12 +1,11 @@ import '@react-spectrum/s2/page.css'; -import { themes } from '@storybook/theming'; -import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode'; -import { store } from 'storybook-dark-mode/dist/esm/Tool'; -import { addons } from '@storybook/preview-api'; -import { DocsContainer } from '@storybook/addon-docs'; +import { themes } from 'storybook/theming'; +import { DARK_MODE_EVENT_NAME } from '@vueless/storybook-dark-mode'; +import { store } from '@vueless/storybook-dark-mode/dist/esm/Tool'; +import { addons } from 'storybook/preview-api'; import React, { useEffect, useState } from 'react'; import {withProviderSwitcher} from './custom-addons/provider'; -import {Controls, Description, Primary, Stories, Subtitle, Title} from '@storybook/blocks'; +import {DocsContainer, Controls, Description, Primary, Stories, Subtitle, Title} from '@storybook/addon-docs/blocks'; import './global.css'; const channel = addons.getChannel(); @@ -29,8 +28,10 @@ const preview = { return () => channel.removeListener(DARK_MODE_EVENT_NAME, setDark); }, []); var style = getComputedStyle(document.body) + console.log('got here'); return ; }, + codePanel: true, source: { // code: null, // Will disable code button, and show "No code available" transform: (code: string, ctx) => { @@ -44,7 +45,9 @@ const preview = { return code; } }, - page: () => ( + page: () => { + console.log('got here 2'); + return ( <> <Subtitle /> @@ -53,7 +56,7 @@ const preview = { <Controls /> <Stories includePrimary={false} /> </> - ) + )} }, darkMode: { light: { diff --git a/.storybook/custom-addons/descriptions/register.js b/.storybook/custom-addons/descriptions/register.js index 2ece754638d..22b03b1925e 100644 --- a/.storybook/custom-addons/descriptions/register.js +++ b/.storybook/custom-addons/descriptions/register.js @@ -1,5 +1,5 @@ -import {addons, types, useParameter} from '@storybook/manager-api'; -import { AddonPanel } from '@storybook/components'; +import {addons, types, useParameter} from 'storybook/manager-api'; +import { AddonPanel } from 'storybook/internal/components'; import React from 'react'; const ADDON_ID = 'descriptionAddon'; diff --git a/.storybook/custom-addons/provider/index.js b/.storybook/custom-addons/provider/index.js index 3f202880b07..b71d429d738 100644 --- a/.storybook/custom-addons/provider/index.js +++ b/.storybook/custom-addons/provider/index.js @@ -1,6 +1,6 @@ import React, {useEffect, useState} from 'react'; -import {addons} from '@storybook/preview-api'; -import {makeDecorator} from '@storybook/preview-api'; +import {addons} from 'storybook/preview-api'; +import {makeDecorator} from 'storybook/preview-api'; import {Provider} from '@react-spectrum/provider'; import {expressThemes, themes, defaultTheme} from '../../constants'; @@ -24,6 +24,7 @@ function ProviderUpdater(props) { useEffect(() => { let channel = addons.getChannel(); let providerUpdate = (event) => { + console.log('providerUpdate', event); setLocale(event.locale); setTheme(event.theme === 'Auto' ? undefined : event.theme); setScale(event.scale === 'Auto' ? undefined : event.scale); @@ -39,6 +40,7 @@ function ProviderUpdater(props) { }, []); if (props.options.mainElement == null) { + console.log('mainElement is null', storyReady); return ( <Provider theme={theme} colorScheme={colorScheme} scale={scaleValue} locale={localeValue}> <main> @@ -47,6 +49,7 @@ function ProviderUpdater(props) { </Provider> ); } else { + console.log('mainElement is not null'); return ( <Provider theme={theme} colorScheme={colorScheme} scale={scaleValue} locale={localeValue}> {storyReady && props.children} diff --git a/.storybook/custom-addons/provider/register.js b/.storybook/custom-addons/provider/register.js index 28c23fb691f..0ba2360c517 100644 --- a/.storybook/custom-addons/provider/register.js +++ b/.storybook/custom-addons/provider/register.js @@ -1,4 +1,4 @@ -import {addons, types} from '@storybook/manager-api'; +import {addons, types} from 'storybook/manager-api'; import {locales} from '../../constants'; import React, {useEffect, useState} from 'react'; @@ -75,6 +75,7 @@ function ProviderFieldSetter({api}) { }; useEffect(() => { let storySwapped = () => { + console.log('storySwapped', values); channel.emit('provider/updated', values); }; channel.on('rsp/ready-for-update', storySwapped); @@ -121,6 +122,7 @@ function ProviderFieldSetter({api}) { } addons.register('ProviderSwitcher', (api) => { + console.log('ProviderSwitcher registering'); addons.add('ProviderSwitcher', { title: 'viewport', type: types.TOOL, diff --git a/.storybook/custom-addons/scrolling/index.js b/.storybook/custom-addons/scrolling/index.js index 8806ef97da6..a466408fd5b 100644 --- a/.storybook/custom-addons/scrolling/index.js +++ b/.storybook/custom-addons/scrolling/index.js @@ -1,4 +1,4 @@ -import {addons} from '@storybook/preview-api'; +import {addons} from 'storybook/preview-api'; import clsx from 'clsx'; import React, {useEffect, useState} from 'react'; diff --git a/.storybook/custom-addons/scrolling/register.js b/.storybook/custom-addons/scrolling/register.js index 97517f0b68b..30cb5558b9a 100644 --- a/.storybook/custom-addons/scrolling/register.js +++ b/.storybook/custom-addons/scrolling/register.js @@ -1,4 +1,4 @@ -import {addons, types} from '@storybook/manager-api'; +import {addons, types} from 'storybook/manager-api'; import React, {useEffect, useState} from 'react'; const ScrollingToolbar = ({api}) => { diff --git a/.storybook/custom-addons/strictmode/index.js b/.storybook/custom-addons/strictmode/index.js index 34df03f1940..3141a7c9075 100644 --- a/.storybook/custom-addons/strictmode/index.js +++ b/.storybook/custom-addons/strictmode/index.js @@ -1,4 +1,4 @@ -import {addons, makeDecorator} from '@storybook/preview-api'; +import {addons, makeDecorator} from 'storybook/preview-api'; import React, {StrictMode, useEffect, useState} from 'react'; function StrictModeDecorator(props) { diff --git a/.storybook/custom-addons/strictmode/register.js b/.storybook/custom-addons/strictmode/register.js index d94cd2fcafc..6db41527ccd 100644 --- a/.storybook/custom-addons/strictmode/register.js +++ b/.storybook/custom-addons/strictmode/register.js @@ -1,4 +1,4 @@ -import {addons, types} from '@storybook/manager-api'; +import {addons, types} from 'storybook/manager-api'; import React, {useEffect, useState} from 'react'; const StrictModeToolBar = ({api}) => { diff --git a/.storybook/custom-addons/theme/register.js b/.storybook/custom-addons/theme/register.js index 57ae84c6db7..3baf5eca8d8 100644 --- a/.storybook/custom-addons/theme/register.js +++ b/.storybook/custom-addons/theme/register.js @@ -1,6 +1,6 @@ -import {themes} from '@storybook/theming'; -import {addons} from '@storybook/manager-api'; -import {FORCE_RE_RENDER} from '@storybook/core-events'; +import {themes} from 'storybook/theming'; +import {addons} from 'storybook/manager-api'; +import {FORCE_RE_RENDER} from 'storybook/internal/core-events'; // temporary until we have a better place to grab it from import * as packageJSON from '../../../packages/@adobe/react-spectrum/package.json'; diff --git a/.storybook/main.js b/.storybook/main.js index e9986a2e7a6..e062445e402 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -7,10 +7,9 @@ module.exports = { ], addons: [ - "@storybook/addon-actions", - "@storybook/addon-a11y", - "@storybook/addon-controls", - "storybook-dark-mode", + 'storybook/actions', + '@storybook/addon-a11y', + '@vueless/storybook-dark-mode', './custom-addons/provider/register.js', './custom-addons/descriptions/register.js', './custom-addons/theme/register.js', @@ -24,8 +23,8 @@ module.exports = { }, framework: { - name: "storybook-react-parcel", - options: {}, + name: 'storybook-react-parcel', + options: {} }, core: { diff --git a/.storybook/manager.js b/.storybook/manager.js index 22bfe1256ad..f5b5f6f1903 100644 --- a/.storybook/manager.js +++ b/.storybook/manager.js @@ -1,4 +1,4 @@ -import {addons} from '@storybook/manager-api'; +import {addons} from 'storybook/manager-api'; addons.setConfig({ enableShortcuts: false, diff --git a/.storybook/preview.js b/.storybook/preview.js index ee79eb47c03..ac74152dba0 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -1,4 +1,4 @@ -import {configureActions} from '@storybook/addon-actions'; +import {configureActions} from 'storybook/actions'; import React from 'react'; import {withProviderSwitcher} from './custom-addons/provider'; import {withScrollingSwitcher} from './custom-addons/scrolling'; diff --git a/.storybook/test-runner.js b/.storybook/test-runner.js index a5784c77de4..cf2d9a408e5 100644 --- a/.storybook/test-runner.js +++ b/.storybook/test-runner.js @@ -1,5 +1,5 @@ const {configureAxe, checkA11y, injectAxe} = require('axe-playwright'); -const {getStoryContext} = require('@storybook/test-runner'); +const {getStoryContext} = require('storybook/test-runner'); /* diff --git a/.yarn/patches/storybook-dark-mode-npm-4.0.2-1acb0927fb.patch b/.yarn/patches/storybook-dark-mode-npm-4.0.2-1acb0927fb.patch new file mode 100644 index 00000000000..33ed830b4a3 --- /dev/null +++ b/.yarn/patches/storybook-dark-mode-npm-4.0.2-1acb0927fb.patch @@ -0,0 +1,50 @@ +diff --git a/dist/esm/Tool.js b/dist/esm/Tool.js +index 12b99ffbcc3002b3a9081d02db230ea6eb9990d7..8e1c4dc9dd3caa6834dafd54291e97599a65c136 100644 +--- a/dist/esm/Tool.js ++++ b/dist/esm/Tool.js +@@ -20,11 +20,11 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr + function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + import * as React from 'react'; + import { global } from '@storybook/global'; +-import { themes } from '@storybook/theming'; +-import { IconButton } from '@storybook/components'; ++import { themes } from 'storybook/theming'; ++import { IconButton } from 'storybook/internal/components'; + import { MoonIcon, SunIcon } from '@storybook/icons'; +-import { STORY_CHANGED, SET_STORIES, DOCS_RENDERED } from '@storybook/core-events'; +-import { useParameter } from '@storybook/manager-api'; ++import { STORY_CHANGED, SET_STORIES, DOCS_RENDERED } from 'storybook/internal/core-events'; ++import { useParameter } from 'storybook/manager-api'; + import equal from 'fast-deep-equal'; + import { DARK_MODE_EVENT_NAME, UPDATE_DARK_MODE_EVENT_NAME } from './constants'; + var _ref = global, +diff --git a/dist/esm/index.js b/dist/esm/index.js +index f9fba78c0a84fc5e07fea8c9096983806874a592..19b4cc6964561e38f77fd64aef8eac6573ccadf1 100644 +--- a/dist/esm/index.js ++++ b/dist/esm/index.js +@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o = + function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } } + function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } +-import { addons, useState, useEffect } from '@storybook/preview-api'; ++import { addons, useState, useEffect } from 'storybook/preview-api'; + import { DARK_MODE_EVENT_NAME } from './constants'; + import { store } from './Tool'; + +diff --git a/dist/esm/preset/manager.js b/dist/esm/preset/manager.js +index 4b14ca543bb350a1adc9d08521bcf2980204aab0..d125d1c504e8fa60ccab95c6e22ca16e1cc4d011 100644 +--- a/dist/esm/preset/manager.js ++++ b/dist/esm/preset/manager.js +@@ -4,9 +4,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va + function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); } + function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } +-import { addons } from '@storybook/manager-api'; +-import { Addon_TypesEnum } from '@storybook/types'; +-import { themes } from '@storybook/theming'; ++import { addons } from 'storybook/manager-api'; ++import { Addon_TypesEnum } from 'storybook/internal/types'; ++import { themes } from 'storybook/theming'; + import * as React from 'react'; + import Tool, { prefersDark, store } from '../Tool'; + var currentStore = store(); diff --git a/examples/s2-next-macros/package.json b/examples/s2-next-macros/package.json index cf94f7fd88b..e8d36dff045 100644 --- a/examples/s2-next-macros/package.json +++ b/examples/s2-next-macros/package.json @@ -11,15 +11,15 @@ "dependencies": { "@react-spectrum/s2": "^0.3.0", "next": "14.1.3", - "react": "^18", - "react-dom": "^18", + "react": "^19.0.0", + "react-dom": "^19.0.0", "unplugin-parcel-macros": "0.0.3" }, "devDependencies": { "@svgr/webpack": "^8.1.0", "@types/node": "^20", - "@types/react": "^18", - "@types/react-dom": "^18", + "@types/react": "^19.0.0", + "@types/react-dom": "^19.0.0", "eslint": "^8", "eslint-config-next": "14.1.3", "typescript": "^5" diff --git a/package.json b/package.json index 58889e73574..fa057cf1cfc 100644 --- a/package.json +++ b/package.json @@ -106,20 +106,11 @@ "@react-spectrum/s2-icon-builder": "^0.3.0", "@spectrum-css/component-builder": "workspace:^", "@spectrum-css/vars": "^2.3.0", - "@storybook/addon-a11y": "patch:@storybook/addon-a11y@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-a11y-npm-8.6.14-2119c57a0f.patch", - "@storybook/addon-actions": "^8.6.14", - "@storybook/addon-controls": "^8.6.14", - "@storybook/addon-essentials": "^8.6.14", - "@storybook/addon-interactions": "^8.6.14", - "@storybook/addon-jest": "^8.6.14", - "@storybook/addon-links": "^8.6.14", - "@storybook/addon-onboarding": "^8.6.14", - "@storybook/addon-themes": "^8.6.14", - "@storybook/components": "^8.6.14", - "@storybook/manager-api": "^8.6.14", - "@storybook/preview": "^8.6.14", - "@storybook/preview-api": "^8.6.14", - "@storybook/react": "^8.6.14", + "@storybook/addon-a11y": "^9.0.18", + "@storybook/addon-docs": "^9.0.18", + "@storybook/addon-jest": "^9.0.18", + "@storybook/addon-themes": "^9.0.18", + "@storybook/react": "^9.0.18", "@storybook/test-runner": "^0.22.0", "@stylistic/eslint-plugin-ts": "^2.9.0", "@swc/core": "^1.3.36", @@ -131,6 +122,7 @@ "@testing-library/user-event": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch", "@types/react": "^19.0.0", "@types/react-dom": "^19.0.0", + "@vueless/storybook-dark-mode": "^9.0.6", "@yarnpkg/types": "^4.0.0", "autoprefixer": "^9.6.0", "axe-core": "^4.6.3", @@ -201,8 +193,7 @@ "rimraf": "^2.6.3", "sharp": "^0.33.5", "sinon": "^7.3.1", - "storybook": "^8.6.14", - "storybook-dark-mode": "^4.0.2", + "storybook": "^9.0.18", "storybook-react-parcel": "workspace:^", "tailwind-variants": "patch:tailwind-variants@npm%3A0.3.1#~/.yarn/patches/tailwind-variants-npm-0.3.1-48888516de.patch", "tailwindcss": "^4.0.0", @@ -240,8 +231,6 @@ "@types/node@npm:*": "^22", "@types/node@npm:^18.0.0": "^22", "@types/node@npm:>= 8": "^22", - "@storybook/addon-docs@npm:8.6.14": "patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch", - "@storybook/react": "patch:@storybook/react@npm%3A8.6.14#~/.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch", "micromark-extension-mdxjs": "patch:micromark-extension-mdxjs@npm%3A1.0.0#~/.yarn/patches/micromark-extension-mdxjs-npm-1.0.0-d2b6b69e4a.patch", "remark-mdx": "patch:remark-mdx@npm%3A2.0.0-rc.2#~/.yarn/patches/remark-mdx-npm-2.0.0-rc.2-7a71234e1f.patch", "remark-parse": "patch:remark-parse@npm%3A10.0.1#~/.yarn/patches/remark-parse-npm-10.0.1-e654d7df78.patch", diff --git a/packages/@react-aria/dnd/stories/DroppableListBox.tsx b/packages/@react-aria/dnd/stories/DroppableListBox.tsx index ac8d9ea38c7..bc3dcf0580b 100644 --- a/packages/@react-aria/dnd/stories/DroppableListBox.tsx +++ b/packages/@react-aria/dnd/stories/DroppableListBox.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {chain, mergeProps} from '@react-aria/utils'; import {classNames} from '@react-spectrum/utils'; import dndStyles from './dnd.css'; diff --git a/packages/@react-aria/dnd/stories/Reorderable.tsx b/packages/@react-aria/dnd/stories/Reorderable.tsx index f6749e0a377..a10f90aecd0 100644 --- a/packages/@react-aria/dnd/stories/Reorderable.tsx +++ b/packages/@react-aria/dnd/stories/Reorderable.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {chain, mergeProps, useId} from '@react-aria/utils'; import {classNames} from '@react-spectrum/utils'; import dndStyles from './dnd.css'; diff --git a/packages/@react-aria/dnd/stories/VirtualizedListBox.tsx b/packages/@react-aria/dnd/stories/VirtualizedListBox.tsx index 4e13a2c01ad..eff3a097032 100644 --- a/packages/@react-aria/dnd/stories/VirtualizedListBox.tsx +++ b/packages/@react-aria/dnd/stories/VirtualizedListBox.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {chain, mergeProps} from '@react-aria/utils'; import {classNames} from '@react-spectrum/utils'; import dndStyles from './dnd.css'; diff --git a/packages/@react-aria/dnd/stories/dnd.stories.tsx b/packages/@react-aria/dnd/stories/dnd.stories.tsx index a97942e5d7d..acdb96265a7 100644 --- a/packages/@react-aria/dnd/stories/dnd.stories.tsx +++ b/packages/@react-aria/dnd/stories/dnd.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {ActionGroup} from '@react-spectrum/actiongroup'; import {chain, mergeProps, useId} from '@react-aria/utils'; diff --git a/packages/@react-aria/interactions/stories/useInteractOutside.stories.tsx b/packages/@react-aria/interactions/stories/useInteractOutside.stories.tsx index 456f41f889a..1d43a1429c3 100644 --- a/packages/@react-aria/interactions/stories/useInteractOutside.stories.tsx +++ b/packages/@react-aria/interactions/stories/useInteractOutside.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import React, {JSX, useEffect, useRef} from 'react'; import {StoryObj} from '@storybook/react'; import {useInteractOutside, usePress} from '../'; diff --git a/packages/@react-aria/interactions/stories/useMove.stories.tsx b/packages/@react-aria/interactions/stories/useMove.stories.tsx index 9649146d1ba..fd6de2e9b96 100644 --- a/packages/@react-aria/interactions/stories/useMove.stories.tsx +++ b/packages/@react-aria/interactions/stories/useMove.stories.tsx @@ -12,7 +12,7 @@ /* eslint-disable jsx-a11y/no-noninteractive-tabindex */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {clamp} from '@react-aria/utils'; import {Flex} from '@react-spectrum/layout'; import React, {JSX, useRef, useState} from 'react'; diff --git a/packages/@react-aria/menu/stories/useMenu.stories.tsx b/packages/@react-aria/menu/stories/useMenu.stories.tsx index 73d199fd17c..42769958d3f 100644 --- a/packages/@react-aria/menu/stories/useMenu.stories.tsx +++ b/packages/@react-aria/menu/stories/useMenu.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {AriaMenuTriggerProps, useMenu, useMenuItem, useMenuTrigger} from '@react-aria/menu'; import {CollectionBase} from '@react-types/shared'; import {DismissButton, useOverlay} from '@react-aria/overlays'; diff --git a/packages/@react-aria/slider/stories/Slider.stories.tsx b/packages/@react-aria/slider/stories/Slider.stories.tsx index f89e2930f3a..bfffbd9e0d8 100644 --- a/packages/@react-aria/slider/stories/Slider.stories.tsx +++ b/packages/@react-aria/slider/stories/Slider.stories.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ErrorBoundary} from '@react-spectrum/story-utils'; import React, {JSX} from 'react'; import {StoryFn} from '@storybook/react'; diff --git a/packages/@react-aria/table/stories/useTable.stories.tsx b/packages/@react-aria/table/stories/useTable.stories.tsx index d01bad5f9f0..f82a488ac0b 100644 --- a/packages/@react-aria/table/stories/useTable.stories.tsx +++ b/packages/@react-aria/table/stories/useTable.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Table as BackwardCompatTable} from './example-backwards-compat'; import {Cell, Column, Row, TableBody, TableHeader} from '@react-stately/table'; import {ColumnSize} from '@react-types/table'; diff --git a/packages/@react-spectrum/actionbar/stories/ActionBar.stories.tsx b/packages/@react-spectrum/actionbar/stories/ActionBar.stories.tsx index e31037844c9..36e1a890d44 100644 --- a/packages/@react-spectrum/actionbar/stories/ActionBar.stories.tsx +++ b/packages/@react-spectrum/actionbar/stories/ActionBar.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionBar} from '../src'; import {Example} from './Example'; import {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/actiongroup/stories/ActionGroup.stories.tsx b/packages/@react-spectrum/actiongroup/stories/ActionGroup.stories.tsx index f1be08cd2a7..aceab735c3b 100644 --- a/packages/@react-spectrum/actiongroup/stories/ActionGroup.stories.tsx +++ b/packages/@react-spectrum/actiongroup/stories/ActionGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionGroup} from '../'; import BookIcon from '@spectrum-icons/workflow/Book'; import Brush from '@spectrum-icons/workflow/Brush'; diff --git a/packages/@react-spectrum/autocomplete/stories/SearchAutocomplete.stories.tsx b/packages/@react-spectrum/autocomplete/stories/SearchAutocomplete.stories.tsx index b7e3b8dd7a0..12632a908db 100644 --- a/packages/@react-spectrum/autocomplete/stories/SearchAutocomplete.stories.tsx +++ b/packages/@react-spectrum/autocomplete/stories/SearchAutocomplete.stories.tsx @@ -11,7 +11,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Avatar} from '@react-spectrum/avatar'; import Filter from '@spectrum-icons/workflow/Filter'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/breadcrumbs/stories/Breadcrumbs.stories.tsx b/packages/@react-spectrum/breadcrumbs/stories/Breadcrumbs.stories.tsx index b39de3cc0bc..7e19b6a7e10 100644 --- a/packages/@react-spectrum/breadcrumbs/stories/Breadcrumbs.stories.tsx +++ b/packages/@react-spectrum/breadcrumbs/stories/Breadcrumbs.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Breadcrumbs} from '../'; import {Item} from '@react-stately/collections'; // import {Heading} from '@react-spectrum/text'; diff --git a/packages/@react-spectrum/button/stories/ActionButton.stories.tsx b/packages/@react-spectrum/button/stories/ActionButton.stories.tsx index ed952a551fd..6e1931db739 100644 --- a/packages/@react-spectrum/button/stories/ActionButton.stories.tsx +++ b/packages/@react-spectrum/button/stories/ActionButton.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '../'; import Add from '@spectrum-icons/workflow/Add'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/button/stories/Button.stories.tsx b/packages/@react-spectrum/button/stories/Button.stories.tsx index f78b53c236e..e45be804ed4 100644 --- a/packages/@react-spectrum/button/stories/Button.stories.tsx +++ b/packages/@react-spectrum/button/stories/Button.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {BackgroundColorValue} from '@react-types/shared'; import Bell from '@spectrum-icons/workflow/Bell'; import {Button} from '../'; diff --git a/packages/@react-spectrum/button/stories/LogicButton.stories.tsx b/packages/@react-spectrum/button/stories/LogicButton.stories.tsx index c7ee73832a6..c9da0274a7c 100644 --- a/packages/@react-spectrum/button/stories/LogicButton.stories.tsx +++ b/packages/@react-spectrum/button/stories/LogicButton.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {LogicButton} from '../'; import {Meta, StoryObj} from '@storybook/react'; import React from 'react'; diff --git a/packages/@react-spectrum/button/stories/ToggleButton.stories.tsx b/packages/@react-spectrum/button/stories/ToggleButton.stories.tsx index 163c0b3205e..8dcc8cb395b 100644 --- a/packages/@react-spectrum/button/stories/ToggleButton.stories.tsx +++ b/packages/@react-spectrum/button/stories/ToggleButton.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import Add from '@spectrum-icons/workflow/Add'; import {Flex, Text, View} from '@adobe/react-spectrum'; import {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/buttongroup/stories/ButtonGroup.stories.tsx b/packages/@react-spectrum/buttongroup/stories/ButtonGroup.stories.tsx index 981731d9668..b13c86dd5a6 100644 --- a/packages/@react-spectrum/buttongroup/stories/ButtonGroup.stories.tsx +++ b/packages/@react-spectrum/buttongroup/stories/ButtonGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import Bell from '@spectrum-icons/workflow/Bell'; import {Button} from '@react-spectrum/button'; import {ButtonGroup} from '../'; diff --git a/packages/@react-spectrum/calendar/stories/Calendar.stories.tsx b/packages/@react-spectrum/calendar/stories/Calendar.stories.tsx index 04d513ded6d..cb007ebcc85 100644 --- a/packages/@react-spectrum/calendar/stories/Calendar.stories.tsx +++ b/packages/@react-spectrum/calendar/stories/Calendar.stories.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {Calendar} from '../'; import {CalendarDate, CalendarDateTime, getLocalTimeZone, parseZonedDateTime, today, ZonedDateTime} from '@internationalized/date'; diff --git a/packages/@react-spectrum/calendar/stories/RangeCalendar.stories.tsx b/packages/@react-spectrum/calendar/stories/RangeCalendar.stories.tsx index e545b9dad5f..dbedda32178 100644 --- a/packages/@react-spectrum/calendar/stories/RangeCalendar.stories.tsx +++ b/packages/@react-spectrum/calendar/stories/RangeCalendar.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {CalendarDate, CalendarDateTime, getLocalTimeZone, isWeekend, parseZonedDateTime, today} from '@internationalized/date'; import {Custom454Calendar} from '../../../@internationalized/date/tests/customCalendarImpl'; import {DateValue} from '@react-types/calendar'; diff --git a/packages/@react-spectrum/card/stories/GridCardView.stories.tsx b/packages/@react-spectrum/card/stories/GridCardView.stories.tsx index bfc35331cba..6fe4c0d84f4 100644 --- a/packages/@react-spectrum/card/stories/GridCardView.stories.tsx +++ b/packages/@react-spectrum/card/stories/GridCardView.stories.tsx @@ -11,7 +11,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {Card, CardView, GridLayout} from '../'; import {Content, View} from '@react-spectrum/view'; diff --git a/packages/@react-spectrum/checkbox/stories/Checkbox.stories.tsx b/packages/@react-spectrum/checkbox/stories/Checkbox.stories.tsx index aefc08c5b0f..ea1561f1642 100644 --- a/packages/@react-spectrum/checkbox/stories/Checkbox.stories.tsx +++ b/packages/@react-spectrum/checkbox/stories/Checkbox.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Checkbox} from '../'; import {Flex} from '@react-spectrum/layout'; import {Link} from '@react-spectrum/link'; diff --git a/packages/@react-spectrum/checkbox/stories/CheckboxGroup.stories.tsx b/packages/@react-spectrum/checkbox/stories/CheckboxGroup.stories.tsx index 9b0e77a950d..79475c3ff9e 100644 --- a/packages/@react-spectrum/checkbox/stories/CheckboxGroup.stories.tsx +++ b/packages/@react-spectrum/checkbox/stories/CheckboxGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Checkbox, CheckboxGroup} from '../'; import {Content, ContextualHelp, Flex, Heading} from '@adobe/react-spectrum'; import {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/color/stories/ColorArea.stories.tsx b/packages/@react-spectrum/color/stories/ColorArea.stories.tsx index 73f623fbe60..0cc4d5d0491 100644 --- a/packages/@react-spectrum/color/stories/ColorArea.stories.tsx +++ b/packages/@react-spectrum/color/stories/ColorArea.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ColorArea, ColorField, ColorSlider, ColorSwatch, ColorWheel} from '../'; import {Flex, Grid, useLocale, View} from '@adobe/react-spectrum'; import {Meta, StoryFn, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/color/stories/ColorField.stories.tsx b/packages/@react-spectrum/color/stories/ColorField.stories.tsx index 14a17047433..14193add279 100644 --- a/packages/@react-spectrum/color/stories/ColorField.stories.tsx +++ b/packages/@react-spectrum/color/stories/ColorField.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Color, SpectrumColorFieldProps} from '@react-types/color'; import {ColorField} from '../'; import {Content, View} from '@react-spectrum/view'; diff --git a/packages/@react-spectrum/color/stories/ColorSlider.stories.tsx b/packages/@react-spectrum/color/stories/ColorSlider.stories.tsx index 14d5949c065..eebdf20aa66 100644 --- a/packages/@react-spectrum/color/stories/ColorSlider.stories.tsx +++ b/packages/@react-spectrum/color/stories/ColorSlider.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ColorSlider, ColorSwatch} from '../'; import {Content} from '@react-spectrum/view'; import {ContextualHelp} from '@react-spectrum/contextualhelp'; diff --git a/packages/@react-spectrum/color/stories/ColorWheel.stories.tsx b/packages/@react-spectrum/color/stories/ColorWheel.stories.tsx index a5d2d34ccf9..08d6aa30024 100644 --- a/packages/@react-spectrum/color/stories/ColorWheel.stories.tsx +++ b/packages/@react-spectrum/color/stories/ColorWheel.stories.tsx @@ -10,12 +10,13 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ColorSwatch, ColorWheel} from '../'; -import {Flex, SpectrumColorWheelProps, useLocale} from '@adobe/react-spectrum'; +import {Flex, useLocale} from '@adobe/react-spectrum'; import {Meta, StoryFn, StoryObj} from '@storybook/react'; import {parseColor} from '@react-stately/color'; import React, {JSX, useState} from 'react'; +import {SpectrumColorWheelProps} from '@react-types/color'; export type ColorWheelStory = StoryObj<typeof ColorWheel>; diff --git a/packages/@react-spectrum/combobox/stories/ComboBox.stories.tsx b/packages/@react-spectrum/combobox/stories/ComboBox.stories.tsx index 3f09391c437..e7bb15573dc 100644 --- a/packages/@react-spectrum/combobox/stories/ComboBox.stories.tsx +++ b/packages/@react-spectrum/combobox/stories/ComboBox.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import Add from '@spectrum-icons/workflow/Add'; import Alert from '@spectrum-icons/workflow/Alert'; diff --git a/packages/@react-spectrum/datepicker/chromatic/DatePicker.stories.tsx b/packages/@react-spectrum/datepicker/chromatic/DatePicker.stories.tsx index abb2a928b07..b69fb2ddd75 100644 --- a/packages/@react-spectrum/datepicker/chromatic/DatePicker.stories.tsx +++ b/packages/@react-spectrum/datepicker/chromatic/DatePicker.stories.tsx @@ -17,7 +17,7 @@ import {DatePicker} from '../'; import {Heading} from '@react-spectrum/text'; import {Meta, StoryFn} from '@storybook/react'; import React from 'react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; export default { title: 'DatePicker', diff --git a/packages/@react-spectrum/datepicker/chromatic/DateRangePicker.stories.tsx b/packages/@react-spectrum/datepicker/chromatic/DateRangePicker.stories.tsx index 5cd6d9a684e..90f149f89df 100644 --- a/packages/@react-spectrum/datepicker/chromatic/DateRangePicker.stories.tsx +++ b/packages/@react-spectrum/datepicker/chromatic/DateRangePicker.stories.tsx @@ -17,7 +17,7 @@ import {DateRangePicker} from '../'; import {Heading} from '@react-spectrum/text'; import {Meta, StoryFn} from '@storybook/react'; import React from 'react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; export default { title: 'DateRangePicker', diff --git a/packages/@react-spectrum/datepicker/stories/DateField.stories.tsx b/packages/@react-spectrum/datepicker/stories/DateField.stories.tsx index 14a47cd7d1e..bf6e1d38ad8 100644 --- a/packages/@react-spectrum/datepicker/stories/DateField.stories.tsx +++ b/packages/@react-spectrum/datepicker/stories/DateField.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {CalendarDate, CalendarDateTime, parseAbsolute, parseAbsoluteToLocal, parseDate, parseDateTime, parseZonedDateTime, toZoned} from '@internationalized/date'; import {Content} from '@react-spectrum/view'; import {ContextualHelp} from '@react-spectrum/contextualhelp'; diff --git a/packages/@react-spectrum/datepicker/stories/DatePicker.stories.tsx b/packages/@react-spectrum/datepicker/stories/DatePicker.stories.tsx index 8bbf74979de..f8294e57342 100644 --- a/packages/@react-spectrum/datepicker/stories/DatePicker.stories.tsx +++ b/packages/@react-spectrum/datepicker/stories/DatePicker.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {CalendarDate, CalendarDateTime, getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal, parseDate, parseDateTime, parseZonedDateTime, today, toZoned} from '@internationalized/date'; import {chain} from '@react-aria/utils'; diff --git a/packages/@react-spectrum/datepicker/stories/DateRangePicker.stories.tsx b/packages/@react-spectrum/datepicker/stories/DateRangePicker.stories.tsx index e89d49ea9be..22207f2f44f 100644 --- a/packages/@react-spectrum/datepicker/stories/DateRangePicker.stories.tsx +++ b/packages/@react-spectrum/datepicker/stories/DateRangePicker.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {CalendarDate, getLocalTimeZone, isWeekend, parseDate, today, toZoned} from '@internationalized/date'; import {chain} from '@react-aria/utils'; diff --git a/packages/@react-spectrum/datepicker/stories/TimeField.stories.tsx b/packages/@react-spectrum/datepicker/stories/TimeField.stories.tsx index 943c92a0dd4..ab05685478a 100644 --- a/packages/@react-spectrum/datepicker/stories/TimeField.stories.tsx +++ b/packages/@react-spectrum/datepicker/stories/TimeField.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {CalendarDateTime, parseTime, parseZonedDateTime, Time, toZoned} from '@internationalized/date'; import {Meta, StoryFn} from '@storybook/react'; import React, {JSX} from 'react'; diff --git a/packages/@react-spectrum/dialog/stories/AlertDialog.stories.tsx b/packages/@react-spectrum/dialog/stories/AlertDialog.stories.tsx index 85ff73f35f2..8e6a3193331 100644 --- a/packages/@react-spectrum/dialog/stories/AlertDialog.stories.tsx +++ b/packages/@react-spectrum/dialog/stories/AlertDialog.stories.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {AlertDialog, DialogTrigger} from '../'; import {Meta, StoryFn} from '@storybook/react'; diff --git a/packages/@react-spectrum/dialog/stories/DialogTrigger.stories.tsx b/packages/@react-spectrum/dialog/stories/DialogTrigger.stories.tsx index b3deded9efc..90c09c0880d 100644 --- a/packages/@react-spectrum/dialog/stories/DialogTrigger.stories.tsx +++ b/packages/@react-spectrum/dialog/stories/DialogTrigger.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import {AlertDialog, Dialog, DialogTrigger} from '../'; import AlertMedium from '@spectrum-icons/ui/AlertMedium'; diff --git a/packages/@react-spectrum/dropzone/stories/DropZone.stories.tsx b/packages/@react-spectrum/dropzone/stories/DropZone.stories.tsx index 413331d4990..c1f38d7892e 100644 --- a/packages/@react-spectrum/dropzone/stories/DropZone.stories.tsx +++ b/packages/@react-spectrum/dropzone/stories/DropZone.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button} from '@react-spectrum/button'; import {Cell, Column, Row, TableBody, TableHeader, TableView} from '@react-spectrum/table'; import {classNames} from '@react-spectrum/utils'; diff --git a/packages/@react-spectrum/form/stories/Form.stories.tsx b/packages/@react-spectrum/form/stories/Form.stories.tsx index 99ca7aeb0d5..4a8be889f32 100644 --- a/packages/@react-spectrum/form/stories/Form.stories.tsx +++ b/packages/@react-spectrum/form/stories/Form.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button} from '@react-spectrum/button'; import {ButtonGroup} from '@react-spectrum/buttongroup'; import {CalendarDate, parseDate, parseDateTime, parseTime} from '@internationalized/date'; diff --git a/packages/@react-spectrum/list/stories/ListView.stories.tsx b/packages/@react-spectrum/list/stories/ListView.stories.tsx index b42d9449eb9..1def468dda6 100644 --- a/packages/@react-spectrum/list/stories/ListView.stories.tsx +++ b/packages/@react-spectrum/list/stories/ListView.stories.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionBar, ActionBarContainer} from '@react-spectrum/actionbar'; import {ActionButton, Button} from '@react-spectrum/button'; import {ActionGroup} from '@react-spectrum/actiongroup'; diff --git a/packages/@react-spectrum/list/stories/ListViewActions.stories.tsx b/packages/@react-spectrum/list/stories/ListViewActions.stories.tsx index 5bfa71862c5..ca19dcdbc8b 100644 --- a/packages/@react-spectrum/list/stories/ListViewActions.stories.tsx +++ b/packages/@react-spectrum/list/stories/ListViewActions.stories.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {ActionGroup} from '@react-spectrum/actiongroup'; import {ActionMenu} from '@react-spectrum/menu'; diff --git a/packages/@react-spectrum/list/stories/ListViewDnD.stories.tsx b/packages/@react-spectrum/list/stories/ListViewDnD.stories.tsx index c1144e5149b..6c1da0e4dd7 100644 --- a/packages/@react-spectrum/list/stories/ListViewDnD.stories.tsx +++ b/packages/@react-spectrum/list/stories/ListViewDnD.stories.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {DragBetweenListsExample, DragBetweenListsRootOnlyExample, DragExample, DragIntoItemExample, ReorderExample} from './ListViewDnDExamples'; import {Droppable} from '../../../@react-aria/dnd/stories/dnd.stories'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/list/stories/ListViewDnDExamples.tsx b/packages/@react-spectrum/list/stories/ListViewDnDExamples.tsx index 23f4227ac4c..59ccdb77056 100644 --- a/packages/@react-spectrum/list/stories/ListViewDnDExamples.tsx +++ b/packages/@react-spectrum/list/stories/ListViewDnDExamples.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionMenu} from '@react-spectrum/menu'; import {chain} from '@react-aria/utils'; import Delete from '@spectrum-icons/workflow/Delete'; diff --git a/packages/@react-spectrum/list/stories/ListViewDnDUtil.stories.tsx b/packages/@react-spectrum/list/stories/ListViewDnDUtil.stories.tsx index b478800e0a0..158a6190c61 100644 --- a/packages/@react-spectrum/list/stories/ListViewDnDUtil.stories.tsx +++ b/packages/@react-spectrum/list/stories/ListViewDnDUtil.stories.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {DragBetweenListsComplex, DragBetweenListsOverride, DragExampleUtilHandlers, FinderDropUtilHandlers, InsertExampleUtilHandlers, ItemDropExampleUtilHandlers, ReorderExampleUtilHandlers, RootDropExampleUtilHandlers} from './ListViewDnDUtilExamples'; import {Droppable} from '../../../@react-aria/dnd/stories/dnd.stories'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/list/stories/ListViewDnDUtilExamples.tsx b/packages/@react-spectrum/list/stories/ListViewDnDUtilExamples.tsx index e41d2043a4a..713b689df48 100644 --- a/packages/@react-spectrum/list/stories/ListViewDnDUtilExamples.tsx +++ b/packages/@react-spectrum/list/stories/ListViewDnDUtilExamples.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {DIRECTORY_DRAG_TYPE} from '@react-aria/dnd'; import {DragAndDropOptions, useDragAndDrop} from '@react-spectrum/dnd'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/list/stories/ListViewSelection.stories.tsx b/packages/@react-spectrum/list/stories/ListViewSelection.stories.tsx index b5c726de296..f0708fc85be 100644 --- a/packages/@react-spectrum/list/stories/ListViewSelection.stories.tsx +++ b/packages/@react-spectrum/list/stories/ListViewSelection.stories.tsx @@ -1,4 +1,4 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionMenu} from '@react-spectrum/menu'; import Add from '@spectrum-icons/workflow/Add'; import {Breadcrumbs} from '@react-spectrum/breadcrumbs'; diff --git a/packages/@react-spectrum/listbox/stories/ListBox.stories.tsx b/packages/@react-spectrum/listbox/stories/ListBox.stories.tsx index abf01e1bad4..35cf6c2afa8 100644 --- a/packages/@react-spectrum/listbox/stories/ListBox.stories.tsx +++ b/packages/@react-spectrum/listbox/stories/ListBox.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionGroup, AlertDialog, Avatar, Button, DialogContainer, Flex, SpectrumListBoxProps, Text} from '@adobe/react-spectrum'; import AlignCenter from '@spectrum-icons/workflow/AlignCenter'; import AlignLeft from '@spectrum-icons/workflow/AlignLeft'; diff --git a/packages/@react-spectrum/menu/chromatic/Submenu.stories.tsx b/packages/@react-spectrum/menu/chromatic/Submenu.stories.tsx index 096f91f23a3..f8509eab85d 100644 --- a/packages/@react-spectrum/menu/chromatic/Submenu.stories.tsx +++ b/packages/@react-spectrum/menu/chromatic/Submenu.stories.tsx @@ -22,7 +22,7 @@ import React, {JSX} from 'react'; import {SpectrumMenuTriggerProps} from '@react-types/menu'; import TextIndentIncrease from '@spectrum-icons/workflow/TextIndentIncrease'; import TextItalics from '@spectrum-icons/workflow/TextItalic'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<SpectrumMenuTriggerProps> = { title: 'MenuTrigger/SubmenuTrigger', diff --git a/packages/@react-spectrum/menu/stories/ActionMenu.stories.tsx b/packages/@react-spectrum/menu/stories/ActionMenu.stories.tsx index 25c3760b314..d9f919066a5 100644 --- a/packages/@react-spectrum/menu/stories/ActionMenu.stories.tsx +++ b/packages/@react-spectrum/menu/stories/ActionMenu.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionMenu} from '..'; import {Alignment} from '@react-types/shared'; import {Checkbox} from '@react-spectrum/checkbox'; diff --git a/packages/@react-spectrum/menu/stories/MenuTrigger.stories.tsx b/packages/@react-spectrum/menu/stories/MenuTrigger.stories.tsx index 29f611fcc7a..6d2e0f0fa12 100644 --- a/packages/@react-spectrum/menu/stories/MenuTrigger.stories.tsx +++ b/packages/@react-spectrum/menu/stories/MenuTrigger.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import AlignCenter from '@spectrum-icons/workflow/AlignCenter'; import AlignLeft from '@spectrum-icons/workflow/AlignLeft'; diff --git a/packages/@react-spectrum/menu/stories/Submenu.stories.tsx b/packages/@react-spectrum/menu/stories/Submenu.stories.tsx index c78c8f17bb9..5ea710ebb88 100644 --- a/packages/@react-spectrum/menu/stories/Submenu.stories.tsx +++ b/packages/@react-spectrum/menu/stories/Submenu.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import AlignCenter from '@spectrum-icons/workflow/AlignCenter'; import AlignLeft from '@spectrum-icons/workflow/AlignLeft'; diff --git a/packages/@react-spectrum/menu/test/MenuTrigger.test.js b/packages/@react-spectrum/menu/test/MenuTrigger.test.js index 567ff686c51..14eb200162b 100644 --- a/packages/@react-spectrum/menu/test/MenuTrigger.test.js +++ b/packages/@react-spectrum/menu/test/MenuTrigger.test.js @@ -11,7 +11,7 @@ */ import {act, fireEvent, render, screen, within} from '@testing-library/react'; -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import {AriaMenuTests} from 'react-aria-components/test/AriaMenu.test-util'; import {Content, Footer} from '@react-spectrum/view'; diff --git a/packages/@react-spectrum/numberfield/stories/NumberField.stories.tsx b/packages/@react-spectrum/numberfield/stories/NumberField.stories.tsx index 455f05b6cf9..0703e37be51 100644 --- a/packages/@react-spectrum/numberfield/stories/NumberField.stories.tsx +++ b/packages/@react-spectrum/numberfield/stories/NumberField.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button} from '@react-spectrum/button'; import {chain} from '@react-aria/utils'; import {Content} from '@react-spectrum/view'; diff --git a/packages/@react-spectrum/picker/stories/Picker.stories.tsx b/packages/@react-spectrum/picker/stories/Picker.stories.tsx index 227fb890e58..2be411adb96 100644 --- a/packages/@react-spectrum/picker/stories/Picker.stories.tsx +++ b/packages/@react-spectrum/picker/stories/Picker.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import AlignCenter from '@spectrum-icons/workflow/AlignCenter'; import AlignLeft from '@spectrum-icons/workflow/AlignLeft'; @@ -27,7 +27,7 @@ import {Meta, StoryObj} from '@storybook/react'; import Paste from '@spectrum-icons/workflow/Paste'; import React, {JSX, useState} from 'react'; import {useAsyncList} from '@react-stately/data'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; let flatOptions = [ {id: 1, name: 'Aardvark'}, diff --git a/packages/@react-spectrum/radio/stories/Radio.stories.tsx b/packages/@react-spectrum/radio/stories/Radio.stories.tsx index 0e11dc5e3be..09e987af5a6 100644 --- a/packages/@react-spectrum/radio/stories/Radio.stories.tsx +++ b/packages/@react-spectrum/radio/stories/Radio.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Content, ContextualHelp, Flex, Heading} from '@adobe/react-spectrum'; import {Meta, StoryFn} from '@storybook/react'; import {Provider} from '@react-spectrum/provider'; diff --git a/packages/@react-spectrum/s2/chromatic/ActionMenu.stories.tsx b/packages/@react-spectrum/s2/chromatic/ActionMenu.stories.tsx index c5c4b17ade2..1181d3b9500 100644 --- a/packages/@react-spectrum/s2/chromatic/ActionMenu.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/ActionMenu.stories.tsx @@ -13,7 +13,7 @@ import {ActionMenu} from '../src'; import {DynamicExample, Example} from '../stories/ActionMenu.stories'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof ActionMenu<any>> = { component: ActionMenu, diff --git a/packages/@react-spectrum/s2/chromatic/AlertDialog.stories.tsx b/packages/@react-spectrum/s2/chromatic/AlertDialog.stories.tsx index 363df70deb3..109b9447c29 100644 --- a/packages/@react-spectrum/s2/chromatic/AlertDialog.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/AlertDialog.stories.tsx @@ -13,7 +13,7 @@ import {AlertDialog} from '../src'; import {Example as Base} from '../stories/AlertDialog.stories'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof AlertDialog> = { component: AlertDialog, diff --git a/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx b/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx index 76996eea018..b3621779948 100644 --- a/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx @@ -17,7 +17,7 @@ import type {Meta, StoryObj} from '@storybook/react'; import {ReactNode} from 'react'; import {shortName} from './utils'; import {style} from '../style' with { type: 'macro' }; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof Breadcrumbs> = { component: Breadcrumbs, diff --git a/packages/@react-spectrum/s2/chromatic/Calendar.stories.tsx b/packages/@react-spectrum/s2/chromatic/Calendar.stories.tsx index c082bef108f..eecfda17ddd 100644 --- a/packages/@react-spectrum/s2/chromatic/Calendar.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Calendar.stories.tsx @@ -15,7 +15,7 @@ import {CalendarDate} from '@internationalized/date'; import {Custom454Calendar} from '../../../@internationalized/date/tests/customCalendarImpl'; import {DateValue} from 'react-aria'; import type {Meta, StoryObj} from '@storybook/react'; -import {screen, userEvent, within} from '@storybook/test'; +import {screen, userEvent, within} from 'storybook/test'; const meta: Meta<typeof Calendar> = { component: Calendar, diff --git a/packages/@react-spectrum/s2/chromatic/Combobox.stories.tsx b/packages/@react-spectrum/s2/chromatic/Combobox.stories.tsx index de29ee3b0c8..5efc4a2b188 100644 --- a/packages/@react-spectrum/s2/chromatic/Combobox.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Combobox.stories.tsx @@ -14,7 +14,7 @@ import {AsyncComboBoxStory, AsyncComboBoxStoryType, ContextualHelpExample, Custo import {ComboBox} from '../src'; import {expect} from '@storybook/jest'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent, waitFor, within} from '@storybook/test'; +import {userEvent, waitFor, within} from 'storybook/test'; const meta: Meta<typeof ComboBox<any>> = { component: ComboBox, diff --git a/packages/@react-spectrum/s2/chromatic/ContextualHelp.stories.tsx b/packages/@react-spectrum/s2/chromatic/ContextualHelp.stories.tsx index 17588a483db..6938da52655 100644 --- a/packages/@react-spectrum/s2/chromatic/ContextualHelp.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/ContextualHelp.stories.tsx @@ -13,7 +13,7 @@ import {ContextualHelp} from '../src'; import {Example} from '../stories/ContextualHelp.stories'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof ContextualHelp> = { component: ContextualHelp, diff --git a/packages/@react-spectrum/s2/chromatic/DateField.stories.tsx b/packages/@react-spectrum/s2/chromatic/DateField.stories.tsx index bdae39164f9..384658bc569 100644 --- a/packages/@react-spectrum/s2/chromatic/DateField.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/DateField.stories.tsx @@ -13,7 +13,7 @@ import {CalendarDate} from '@internationalized/date'; import {DateField} from '../'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent} from '@storybook/test'; +import {userEvent} from 'storybook/test'; const meta: Meta<typeof DateField> = { component: DateField, diff --git a/packages/@react-spectrum/s2/chromatic/DatePicker.stories.tsx b/packages/@react-spectrum/s2/chromatic/DatePicker.stories.tsx index 3569333ccee..8afb01f9ee0 100644 --- a/packages/@react-spectrum/s2/chromatic/DatePicker.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/DatePicker.stories.tsx @@ -13,7 +13,7 @@ import {CalendarDate, CalendarDateTime} from '@internationalized/date'; import {DatePicker} from '../'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent} from '@storybook/test'; +import {userEvent} from 'storybook/test'; const meta: Meta<typeof DatePicker> = { component: DatePicker, diff --git a/packages/@react-spectrum/s2/chromatic/DateRangePicker.stories.tsx b/packages/@react-spectrum/s2/chromatic/DateRangePicker.stories.tsx index db68daecacc..b707f1e60e6 100644 --- a/packages/@react-spectrum/s2/chromatic/DateRangePicker.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/DateRangePicker.stories.tsx @@ -13,7 +13,7 @@ import {CalendarDate, CalendarDateTime} from '@internationalized/date'; import {DateRangePicker} from '../'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent} from '@storybook/test'; +import {userEvent} from 'storybook/test'; const meta: Meta<typeof DateRangePicker> = { component: DateRangePicker, diff --git a/packages/@react-spectrum/s2/chromatic/Dialog.stories.tsx b/packages/@react-spectrum/s2/chromatic/Dialog.stories.tsx index 3dc2136a254..1b11dc5f7b5 100644 --- a/packages/@react-spectrum/s2/chromatic/Dialog.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Dialog.stories.tsx @@ -13,7 +13,7 @@ import {Dialog} from '../src'; import {DialogContainerExample, DialogTriggerExample, Example, ExampleStoryType} from '../stories/Dialog.stories'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof Dialog> = { component: Dialog, diff --git a/packages/@react-spectrum/s2/chromatic/Menu.stories.tsx b/packages/@react-spectrum/s2/chromatic/Menu.stories.tsx index 302189b148e..e8832eaf4c2 100644 --- a/packages/@react-spectrum/s2/chromatic/Menu.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Menu.stories.tsx @@ -13,7 +13,7 @@ import {BlendModes, DynamicExample, Example, KeyboardShortcuts, PublishAndExport} from '../stories/Menu.stories'; import {Menu} from '../src'; import type {Meta, StoryObj} from '@storybook/react'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof Menu<any>> = { component: Menu, diff --git a/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx b/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx index 756cce5bdb6..06298a7fbca 100644 --- a/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx @@ -14,7 +14,7 @@ import {AsyncPickerStory, AsyncPickerStoryType, ContextualHelpExample, CustomWid import {expect} from '@storybook/jest'; import type {Meta, StoryObj} from '@storybook/react'; import {Picker} from '../src'; -import {userEvent, waitFor, within} from '@storybook/test'; +import {userEvent, waitFor, within} from 'storybook/test'; const meta: Meta<typeof Picker<any>> = { component: Picker, diff --git a/packages/@react-spectrum/s2/chromatic/RangeCalendar.stories.tsx b/packages/@react-spectrum/s2/chromatic/RangeCalendar.stories.tsx index 2c2c55097b0..2b8bb81032b 100644 --- a/packages/@react-spectrum/s2/chromatic/RangeCalendar.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/RangeCalendar.stories.tsx @@ -15,7 +15,7 @@ import {Custom454Calendar} from '../../../@internationalized/date/tests/customCa import {DateValue} from 'react-aria'; import type {Meta, StoryObj} from '@storybook/react'; import {RangeCalendar} from '../src'; -import {userEvent} from '@storybook/test'; +import {userEvent} from 'storybook/test'; const meta: Meta<typeof RangeCalendar> = { component: RangeCalendar, diff --git a/packages/@react-spectrum/s2/chromatic/TableView.stories.tsx b/packages/@react-spectrum/s2/chromatic/TableView.stories.tsx index 16d3a38de6b..539286d34d9 100644 --- a/packages/@react-spectrum/s2/chromatic/TableView.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/TableView.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Cell, Column, Content, Heading, IllustratedMessage, Link, Row, TableBody, TableHeader, TableView, TableViewProps} from '../src'; import FolderOpen from '../spectrum-illustrations/linear/FolderOpen'; import type {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/s2/chromatic/Tabs.stories.tsx b/packages/@react-spectrum/s2/chromatic/Tabs.stories.tsx index 4850028a80c..f09456f4213 100644 --- a/packages/@react-spectrum/s2/chromatic/Tabs.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Tabs.stories.tsx @@ -17,7 +17,7 @@ import type {Meta, StoryObj} from '@storybook/react'; import {style} from '../style/spectrum-theme' with { type: 'macro' }; import {Tab, TabList, TabPanel, Tabs} from '../src/Tabs'; import {Text} from '@react-spectrum/s2'; -import {userEvent} from '@storybook/test'; +import {userEvent} from 'storybook/test'; const meta: Meta<typeof Tabs> = { component: Tabs, diff --git a/packages/@react-spectrum/s2/chromatic/TagGroup.stories.tsx b/packages/@react-spectrum/s2/chromatic/TagGroup.stories.tsx index 3e559ee5fbf..349334d0e28 100644 --- a/packages/@react-spectrum/s2/chromatic/TagGroup.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/TagGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import { Avatar, Content, diff --git a/packages/@react-spectrum/s2/chromatic/TimeField.stories.tsx b/packages/@react-spectrum/s2/chromatic/TimeField.stories.tsx index 668d897006a..4fa00563143 100644 --- a/packages/@react-spectrum/s2/chromatic/TimeField.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/TimeField.stories.tsx @@ -13,7 +13,7 @@ import type {Meta, StoryObj} from '@storybook/react'; import {Time} from '@internationalized/date'; import {TimeField} from '../'; -import {userEvent} from '@storybook/test'; +import {userEvent} from 'storybook/test'; const meta: Meta<typeof TimeField> = { component: TimeField, diff --git a/packages/@react-spectrum/s2/chromatic/Tooltip.stories.tsx b/packages/@react-spectrum/s2/chromatic/Tooltip.stories.tsx index bacc15de004..bb93ad90fbe 100644 --- a/packages/@react-spectrum/s2/chromatic/Tooltip.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Tooltip.stories.tsx @@ -13,7 +13,7 @@ import {Example, LongLabel} from '../stories/Tooltip.stories'; import type {Meta, StoryObj} from '@storybook/react'; import {Tooltip} from '../src'; -import {userEvent, within} from '@storybook/test'; +import {userEvent, within} from 'storybook/test'; const meta: Meta<typeof Tooltip> = { component: Tooltip, diff --git a/packages/@react-spectrum/s2/stories/ActionBar.stories.tsx b/packages/@react-spectrum/s2/stories/ActionBar.stories.tsx index 1c32c3ec9f2..ed25b6a5bb9 100644 --- a/packages/@react-spectrum/s2/stories/ActionBar.stories.tsx +++ b/packages/@react-spectrum/s2/stories/ActionBar.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionBar} from '../src/ActionBar'; import {ActionButton} from '../src/ActionButton'; import {ExampleRender as CardViewExample} from './CardView.stories'; diff --git a/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx b/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx index ab5110309d2..28aa4f69a68 100644 --- a/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx +++ b/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Breadcrumb, Breadcrumbs} from '../src'; import type {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/s2/stories/Button.stories.tsx b/packages/@react-spectrum/s2/stories/Button.stories.tsx index 737888ebee3..2fed83e791c 100644 --- a/packages/@react-spectrum/s2/stories/Button.stories.tsx +++ b/packages/@react-spectrum/s2/stories/Button.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Text} from '../src'; import {categorizeArgTypes, StaticColorDecorator} from './utils'; import type {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/s2/stories/CardView.stories.tsx b/packages/@react-spectrum/s2/stories/CardView.stories.tsx index 65a06b26bb1..b140f012c17 100644 --- a/packages/@react-spectrum/s2/stories/CardView.stories.tsx +++ b/packages/@react-spectrum/s2/stories/CardView.stories.tsx @@ -29,7 +29,7 @@ import { } from '../src'; import EmptyIcon from '../spectrum-illustrations/gradient/generic1/Image'; import ErrorIcon from '../spectrum-illustrations/linear/AlertNotice'; -import {fn} from '@storybook/test'; +import {fn} from 'storybook/test'; import Folder from '../s2wf-icons/S2_Icon_Folder_20_N.svg'; import type {Meta, StoryObj} from '@storybook/react'; import {style} from '../style/spectrum-theme' with {type: 'macro'}; diff --git a/packages/@react-spectrum/s2/stories/DatePicker.stories.tsx b/packages/@react-spectrum/s2/stories/DatePicker.stories.tsx index 5db96543498..bfb798d3600 100644 --- a/packages/@react-spectrum/s2/stories/DatePicker.stories.tsx +++ b/packages/@react-spectrum/s2/stories/DatePicker.stories.tsx @@ -12,7 +12,7 @@ import {Button, Content, ContextualHelp, DatePicker, Footer, Form, Heading, Link, Text} from '../src'; import {CalendarSwitcher, categorizeArgTypes} from './utils'; -import {fn} from '@storybook/test'; +import {fn} from 'storybook/test'; import type {Meta, StoryObj} from '@storybook/react'; import {parseDate, toZoned} from '@internationalized/date'; import {style} from '../style' with {type: 'macro'}; diff --git a/packages/@react-spectrum/s2/stories/DateRangePicker.stories.tsx b/packages/@react-spectrum/s2/stories/DateRangePicker.stories.tsx index 9773d42e941..3aef0f3f64f 100644 --- a/packages/@react-spectrum/s2/stories/DateRangePicker.stories.tsx +++ b/packages/@react-spectrum/s2/stories/DateRangePicker.stories.tsx @@ -12,7 +12,7 @@ import {Button, Content, ContextualHelp, DateRangePicker, Footer, Form, Heading, Link, Text} from '../src'; import {CalendarSwitcher, categorizeArgTypes} from './utils'; -import {fn} from '@storybook/test'; +import {fn} from 'storybook/test'; import type {Meta, StoryObj} from '@storybook/react'; import {parseDate, toZoned} from '@internationalized/date'; import {style} from '../style' with {type: 'macro'}; diff --git a/packages/@react-spectrum/s2/stories/SegmentedControl.stories.tsx b/packages/@react-spectrum/s2/stories/SegmentedControl.stories.tsx index 1468946f562..7bb200851b8 100644 --- a/packages/@react-spectrum/s2/stories/SegmentedControl.stories.tsx +++ b/packages/@react-spectrum/s2/stories/SegmentedControl.stories.tsx @@ -13,7 +13,7 @@ import AlignBottom from '../s2wf-icons/S2_Icon_AlignBottom_20_N.svg'; import AlignCenter from '../s2wf-icons/S2_Icon_AlignCenter_20_N.svg'; import AlignLeft from '../s2wf-icons/S2_Icon_AlignLeft_20_N.svg'; -import {fn} from '@storybook/test'; +import {fn} from 'storybook/test'; import ListBulleted from '../s2wf-icons/S2_Icon_ListBulleted_20_N.svg'; import ListMultiSelect from '../s2wf-icons/S2_Icon_ListMultiSelect_20_N.svg'; import ListNumbered from '../s2wf-icons/S2_Icon_ListNumbered_20_N.svg'; diff --git a/packages/@react-spectrum/s2/stories/TableView.stories.tsx b/packages/@react-spectrum/s2/stories/TableView.stories.tsx index c08479b0263..87749871634 100644 --- a/packages/@react-spectrum/s2/stories/TableView.stories.tsx +++ b/packages/@react-spectrum/s2/stories/TableView.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import { ActionButton, Cell, diff --git a/packages/@react-spectrum/s2/stories/Tabs.stories.tsx b/packages/@react-spectrum/s2/stories/Tabs.stories.tsx index 2e68ba5d3e7..4d60198a396 100644 --- a/packages/@react-spectrum/s2/stories/Tabs.stories.tsx +++ b/packages/@react-spectrum/s2/stories/Tabs.stories.tsx @@ -13,7 +13,7 @@ import Bell from '../s2wf-icons/S2_Icon_Bell_20_N.svg'; import {Collection, Text} from '@react-spectrum/s2'; import Edit from '../s2wf-icons/S2_Icon_Edit_20_N.svg'; -import {fn} from '@storybook/test'; +import {fn} from 'storybook/test'; import Heart from '../s2wf-icons/S2_Icon_Heart_20_N.svg'; import type {Meta, StoryObj} from '@storybook/react'; import {ReactElement} from 'react'; diff --git a/packages/@react-spectrum/s2/stories/TagGroup.stories.tsx b/packages/@react-spectrum/s2/stories/TagGroup.stories.tsx index a3e2674188f..3e7b79888de 100644 --- a/packages/@react-spectrum/s2/stories/TagGroup.stories.tsx +++ b/packages/@react-spectrum/s2/stories/TagGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import { Avatar, Content, diff --git a/packages/@react-spectrum/s2/stories/Toast.stories.tsx b/packages/@react-spectrum/s2/stories/Toast.stories.tsx index 5c5f04d9158..a00120a9ea8 100644 --- a/packages/@react-spectrum/s2/stories/Toast.stories.tsx +++ b/packages/@react-spectrum/s2/stories/Toast.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, ButtonGroup, UNSTABLE_ToastContainer as ToastContainer, UNSTABLE_ToastQueue as ToastQueue} from '../src'; import type {Meta, StoryObj} from '@storybook/react'; import {SpectrumToast, SpectrumToastValue, ToastOptions, ToastPlacement} from '../src/Toast'; diff --git a/packages/@react-spectrum/s2/stories/TreeView.stories.tsx b/packages/@react-spectrum/s2/stories/TreeView.stories.tsx index 304610255fa..4ad3209eafb 100644 --- a/packages/@react-spectrum/s2/stories/TreeView.stories.tsx +++ b/packages/@react-spectrum/s2/stories/TreeView.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import { ActionMenu, Collection, diff --git a/packages/@react-spectrum/searchfield/stories/SearchField.stories.tsx b/packages/@react-spectrum/searchfield/stories/SearchField.stories.tsx index 7c8c81efd01..6d18bf7e826 100644 --- a/packages/@react-spectrum/searchfield/stories/SearchField.stories.tsx +++ b/packages/@react-spectrum/searchfield/stories/SearchField.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {Content} from '@react-spectrum/view'; import {ContextualHelp} from '@react-spectrum/contextualhelp'; diff --git a/packages/@react-spectrum/slider/stories/RangeSlider.stories.tsx b/packages/@react-spectrum/slider/stories/RangeSlider.stories.tsx index 7534099fd56..78a90ced120 100644 --- a/packages/@react-spectrum/slider/stories/RangeSlider.stories.tsx +++ b/packages/@react-spectrum/slider/stories/RangeSlider.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Content} from '@react-spectrum/view'; import {ContextualHelp} from '@react-spectrum/contextualhelp'; import {ErrorBoundary} from '@react-spectrum/story-utils'; diff --git a/packages/@react-spectrum/slider/stories/Slider.stories.tsx b/packages/@react-spectrum/slider/stories/Slider.stories.tsx index eb484d3128f..8f047213a1f 100644 --- a/packages/@react-spectrum/slider/stories/Slider.stories.tsx +++ b/packages/@react-spectrum/slider/stories/Slider.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Content} from '@react-spectrum/view'; import {ContextualHelp} from '@react-spectrum/contextualhelp'; import {ErrorBoundary} from '@react-spectrum/story-utils'; diff --git a/packages/@react-spectrum/steplist/stories/StepList.stories.tsx b/packages/@react-spectrum/steplist/stories/StepList.stories.tsx index 1faf597f20e..8e41a59d133 100644 --- a/packages/@react-spectrum/steplist/stories/StepList.stories.tsx +++ b/packages/@react-spectrum/steplist/stories/StepList.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button} from '@react-spectrum/button'; import {ButtonGroup} from '@react-spectrum/buttongroup'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/table/stories/Table.stories.tsx b/packages/@react-spectrum/table/stories/Table.stories.tsx index 27558e39fb2..fa7c3607d7d 100644 --- a/packages/@react-spectrum/table/stories/Table.stories.tsx +++ b/packages/@react-spectrum/table/stories/Table.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import Add from '@spectrum-icons/workflow/Add'; import {Breadcrumbs, Item} from '@react-spectrum/breadcrumbs'; diff --git a/packages/@react-spectrum/table/stories/TableDnD.stories.tsx b/packages/@react-spectrum/table/stories/TableDnD.stories.tsx index f8f3beb8440..8185017e77a 100644 --- a/packages/@react-spectrum/table/stories/TableDnD.stories.tsx +++ b/packages/@react-spectrum/table/stories/TableDnD.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import defaultConfig, {TableStory} from './Table.stories'; import {Divider} from '@react-spectrum/divider'; import {DragBetweenTablesExample, DragBetweenTablesRootOnlyExample, DragExample, DragOntoRowExample, DragWithoutRowHeaderExample, items, ReorderExample} from './TableDnDExamples'; diff --git a/packages/@react-spectrum/table/stories/TableDnDExamples.tsx b/packages/@react-spectrum/table/stories/TableDnDExamples.tsx index cde0101e701..972b97a7167 100644 --- a/packages/@react-spectrum/table/stories/TableDnDExamples.tsx +++ b/packages/@react-spectrum/table/stories/TableDnDExamples.tsx @@ -1,5 +1,5 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Cell, Column, Row, SpectrumTableProps, TableBody, TableHeader, TableView} from '../'; import {chain} from '@react-aria/utils'; import {DragEndEvent, DragStartEvent, DropEvent, ItemDropTarget, Key} from '@react-types/shared'; diff --git a/packages/@react-spectrum/table/stories/TableDnDUtil.stories.tsx b/packages/@react-spectrum/table/stories/TableDnDUtil.stories.tsx index 03d65b615b9..6aeebfdb891 100644 --- a/packages/@react-spectrum/table/stories/TableDnDUtil.stories.tsx +++ b/packages/@react-spectrum/table/stories/TableDnDUtil.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import defaultConfig, {TableStory} from './Table.stories'; import {DragBetweenTablesComplex, DragBetweenTablesOverride, DragExampleUtilHandlers, FinderDropUtilHandlers, InsertExampleUtilHandlers, ItemDropExampleUtilHandlers, ReorderExampleUtilHandlers, RootDropExampleUtilHandlers} from './TableDnDUtilExamples'; import {Droppable} from '../../../@react-aria/dnd/stories/dnd.stories'; diff --git a/packages/@react-spectrum/table/stories/TableDnDUtilExamples.tsx b/packages/@react-spectrum/table/stories/TableDnDUtilExamples.tsx index dba902b9e1c..03f975c7f04 100644 --- a/packages/@react-spectrum/table/stories/TableDnDUtilExamples.tsx +++ b/packages/@react-spectrum/table/stories/TableDnDUtilExamples.tsx @@ -1,5 +1,5 @@ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Cell, Column, Row, SpectrumTableProps, TableBody, TableHeader, TableView} from '..'; import {DIRECTORY_DRAG_TYPE, DragAndDropOptions, useDragAndDrop} from '@react-spectrum/dnd'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/table/stories/TreeGridTable.stories.tsx b/packages/@react-spectrum/table/stories/TreeGridTable.stories.tsx index 35c077d1c75..e1ea5fda3b5 100644 --- a/packages/@react-spectrum/table/stories/TreeGridTable.stories.tsx +++ b/packages/@react-spectrum/table/stories/TreeGridTable.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton} from '@react-spectrum/button'; import {Cell, Column, Row, SpectrumTableProps, TableBody, TableHeader, TableView} from '../'; import {chain} from '@react-aria/utils'; diff --git a/packages/@react-spectrum/tabs/stories/Tabs.stories.tsx b/packages/@react-spectrum/tabs/stories/Tabs.stories.tsx index a3cb3fc4337..207e47401dd 100644 --- a/packages/@react-spectrum/tabs/stories/Tabs.stories.tsx +++ b/packages/@react-spectrum/tabs/stories/Tabs.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionGroup, Flex, Heading, Text} from '@adobe/react-spectrum'; import Bookmark from '@spectrum-icons/workflow/Bookmark'; import {Button} from '@react-spectrum/button'; diff --git a/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx b/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx index f93eaec28dc..2244c82b1bb 100644 --- a/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx +++ b/packages/@react-spectrum/tag/stories/TagGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import Audio from '@spectrum-icons/workflow/Audio'; import {Avatar} from '@react-spectrum/avatar'; import {Content} from '@react-spectrum/view'; diff --git a/packages/@react-spectrum/textfield/stories/TextArea.stories.tsx b/packages/@react-spectrum/textfield/stories/TextArea.stories.tsx index b7d5a0bf7b9..4a4818290f3 100644 --- a/packages/@react-spectrum/textfield/stories/TextArea.stories.tsx +++ b/packages/@react-spectrum/textfield/stories/TextArea.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import {Content, ContextualHelp, Heading, useLocale} from '@adobe/react-spectrum'; import {Flex} from '@react-spectrum/layout'; diff --git a/packages/@react-spectrum/textfield/stories/Textfield.stories.tsx b/packages/@react-spectrum/textfield/stories/Textfield.stories.tsx index ec96c75d8f8..a8bd1991f18 100644 --- a/packages/@react-spectrum/textfield/stories/Textfield.stories.tsx +++ b/packages/@react-spectrum/textfield/stories/Textfield.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Content, ContextualHelp, Heading, useLocale} from '@adobe/react-spectrum'; import Info from '@spectrum-icons/workflow/Info'; import {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/@react-spectrum/toast/stories/Toast.stories.tsx b/packages/@react-spectrum/toast/stories/Toast.stories.tsx index 6dafe00fea8..ea398b8bc65 100644 --- a/packages/@react-spectrum/toast/stories/Toast.stories.tsx +++ b/packages/@react-spectrum/toast/stories/Toast.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import {ButtonGroup} from '@react-spectrum/buttongroup'; import {Checkbox} from '@react-spectrum/checkbox'; diff --git a/packages/@react-spectrum/tooltip/stories/TooltipTrigger.stories.tsx b/packages/@react-spectrum/tooltip/stories/TooltipTrigger.stories.tsx index 0a70eb40117..411fefd41f7 100644 --- a/packages/@react-spectrum/tooltip/stories/TooltipTrigger.stories.tsx +++ b/packages/@react-spectrum/tooltip/stories/TooltipTrigger.stories.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionButton, Button} from '@react-spectrum/button'; import {ActionGroup, Item} from '@react-spectrum/actiongroup'; import Delete from '@spectrum-icons/workflow/Delete'; diff --git a/packages/@react-spectrum/tree/stories/TreeView.stories.tsx b/packages/@react-spectrum/tree/stories/TreeView.stories.tsx index b678f3fc406..d27f2c4b6f7 100644 --- a/packages/@react-spectrum/tree/stories/TreeView.stories.tsx +++ b/packages/@react-spectrum/tree/stories/TreeView.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {ActionGroup, Item} from '@react-spectrum/actiongroup'; import {Collection} from 'react-aria-components'; import {Content} from '@react-spectrum/view'; diff --git a/packages/@spectrum-icons/build-tools/package.json b/packages/@spectrum-icons/build-tools/package.json index 35ad31597cd..6f1d3236062 100644 --- a/packages/@spectrum-icons/build-tools/package.json +++ b/packages/@spectrum-icons/build-tools/package.json @@ -13,6 +13,9 @@ "@svgr/core": "^8.1.0", "fs-extra": "^11.0.0" }, + "devDependencies": { + "prettier": "^3.3.3" + }, "publishConfig": { "access": "public" } diff --git a/packages/dev/parcel-transformer-s2-icon/package.json b/packages/dev/parcel-transformer-s2-icon/package.json index acbad9c7818..99d91a77096 100644 --- a/packages/dev/parcel-transformer-s2-icon/package.json +++ b/packages/dev/parcel-transformer-s2-icon/package.json @@ -12,6 +12,9 @@ "@svgr/plugin-jsx": "^8.1.0", "@svgr/plugin-svgo": "^8.1.0" }, + "devDependencies": { + "prettier": "^3.3.3" + }, "rsp": { "type": "cli" }, diff --git a/packages/dev/parcel-transformer-storybook/StoryTransformer.ts b/packages/dev/parcel-transformer-storybook/StoryTransformer.ts index 71646e7b08a..b435f7c1561 100644 --- a/packages/dev/parcel-transformer-storybook/StoryTransformer.ts +++ b/packages/dev/parcel-transformer-storybook/StoryTransformer.ts @@ -1,5 +1,5 @@ import { Transformer } from '@parcel/plugin'; -import { enrichCsf, formatCsf, loadCsf } from '@storybook/csf-tools'; +import { enrichCsf, formatCsf, loadCsf } from 'storybook/internal/csf-tools'; import * as t from '@babel/types'; import path from 'path'; import crypto from 'crypto'; diff --git a/packages/dev/parcel-transformer-storybook/package.json b/packages/dev/parcel-transformer-storybook/package.json index f6c68c5d4da..58c74bd4cc2 100644 --- a/packages/dev/parcel-transformer-storybook/package.json +++ b/packages/dev/parcel-transformer-storybook/package.json @@ -15,10 +15,8 @@ "@babel/types": "^7.23.0", "@parcel/plugin": "^2.13.1", "@parcel/source-map": "^2.1.1", - "@storybook/csf-tools": "^8", - "@storybook/docs-tools": "^8", "react-docgen-typescript": "^2.2.2", - "storybook": "^8.6.14", + "storybook": "^9.0.18", "typescript": "^5.5.0" }, "scripts": { diff --git a/packages/dev/storybook-builder-parcel/gen-iframe-modern.js b/packages/dev/storybook-builder-parcel/gen-iframe-modern.js index 005de57e712..29ead8152cb 100644 --- a/packages/dev/storybook-builder-parcel/gen-iframe-modern.js +++ b/packages/dev/storybook-builder-parcel/gen-iframe-modern.js @@ -1,4 +1,4 @@ -const { normalizeStories } = require("@storybook/core-common"); +const { normalizeStories } = require("storybook/internal/common"); const TEMPLATE = `<!DOCTYPE html> <html lang="en"> diff --git a/packages/dev/storybook-builder-parcel/gen-preview-modern.js b/packages/dev/storybook-builder-parcel/gen-preview-modern.js index fb9f19b2ff0..79f10608407 100644 --- a/packages/dev/storybook-builder-parcel/gen-preview-modern.js +++ b/packages/dev/storybook-builder-parcel/gen-preview-modern.js @@ -3,7 +3,7 @@ const { loadPreviewOrConfigFile, normalizeStories, stripAbsNodeModulesPath, -} = require("@storybook/core-common"); +} = require("storybook/internal/common"); const {relativePath} = require('@parcel/utils'); module.exports.generatePreviewModern = async function generatePreviewModern( @@ -65,13 +65,15 @@ module.exports.generatePreviewModern = async function generatePreviewModern( window.__STORYBOOK_STORY_STORE__ = window.__STORYBOOK_STORY_STORE__ || window.__STORYBOOK_PREVIEW__.storyStore; - module.hot.accept(() => { - // importFn has changed so we need to patch the new one in - window.__STORYBOOK_PREVIEW__.onStoriesChanged({ importFn }); + if (import.meta.hot) { + import.meta.hot.hot.accept(() => { + // importFn has changed so we need to patch the new one in + window.__STORYBOOK_PREVIEW__.onStoriesChanged({ importFn }); - // getProjectAnnotations has changed so we need to patch the new one in - window.__STORYBOOK_PREVIEW__.onGetProjectAnnotationsChanged({ getProjectAnnotations }); - }); + // getProjectAnnotations has changed so we need to patch the new one in + window.__STORYBOOK_PREVIEW__.onGetProjectAnnotationsChanged({ getProjectAnnotations }); + }); + } `; // ${generateHMRHandler(frameworkName)}; return code; diff --git a/packages/dev/storybook-builder-parcel/package.json b/packages/dev/storybook-builder-parcel/package.json index aab17f13cd1..cde655f7337 100644 --- a/packages/dev/storybook-builder-parcel/package.json +++ b/packages/dev/storybook-builder-parcel/package.json @@ -6,13 +6,8 @@ "dependencies": { "@parcel/core": "^2.13.1", "@parcel/reporter-cli": "^2.13.1", - "@storybook/channels": "^8.6.14", - "@storybook/client-logger": "^8.6.14", - "@storybook/core-common": "^8.6.14", - "@storybook/preview": "^8.6.14", - "@storybook/preview-api": "^8.6.14", "http-proxy-middleware": "^2.0.6", - "storybook": "^8.6.14" + "storybook": "^9.0.18" }, "peerDependencies": { "react": "*" diff --git a/packages/dev/storybook-react-parcel/package.json b/packages/dev/storybook-react-parcel/package.json index 9e4153e0132..69e3b5aed94 100644 --- a/packages/dev/storybook-react-parcel/package.json +++ b/packages/dev/storybook-react-parcel/package.json @@ -4,18 +4,18 @@ "private": true, "main": "preset.js", "dependencies": { - "@storybook/react": "^8.6.14", + "@storybook/react": "^9.0.18", "storybook-builder-parcel": ">=0.0.1" }, "devDependencies": { - "react": "^18.2.0", - "react-dom": "^18.2.0", - "storybook": "^8.6.14" + "react": "^19.0.0", + "react-dom": "^19.0.0", + "storybook": "^9.0.18" }, "peerDependencies": { - "react": "^18.2.0", - "react-dom": "^18.2.0", - "storybook": "^8.6.14" + "react": "^19.0.0", + "react-dom": "^19.0.0", + "storybook": "^9.0.18" }, "scripts": { "build": "true", diff --git a/packages/react-aria-components/stories/Autocomplete.stories.tsx b/packages/react-aria-components/stories/Autocomplete.stories.tsx index 254d873c633..a1fc72eba69 100644 --- a/packages/react-aria-components/stories/Autocomplete.stories.tsx +++ b/packages/react-aria-components/stories/Autocomplete.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Autocomplete, Button, Collection, DialogTrigger, Header, Input, Keyboard, Label, ListBox, ListBoxSection, ListLayout, Menu, MenuItem, MenuSection, MenuTrigger, Popover, SearchField, Select, SelectValue, Separator, SubmenuTrigger, Text, TextField, Virtualizer} from 'react-aria-components'; import {Meta, StoryObj} from '@storybook/react'; import {MyListBoxItem, MyMenuItem} from './utils'; diff --git a/packages/react-aria-components/stories/Button.stories.tsx b/packages/react-aria-components/stories/Button.stories.tsx index f5cc071a1d6..0c481ab4464 100644 --- a/packages/react-aria-components/stories/Button.stories.tsx +++ b/packages/react-aria-components/stories/Button.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, ProgressBar, Text} from 'react-aria-components'; import {mergeProps} from '@react-aria/utils'; import {Meta, StoryObj} from '@storybook/react'; diff --git a/packages/react-aria-components/stories/DateField.stories.tsx b/packages/react-aria-components/stories/DateField.stories.tsx index 2be9f7aecf4..2bce652600f 100644 --- a/packages/react-aria-components/stories/DateField.stories.tsx +++ b/packages/react-aria-components/stories/DateField.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, DateField, DateInput, DateSegment, FieldError, Form, Input, Label, TextField} from 'react-aria-components'; import clsx from 'clsx'; import {fromAbsolute, getLocalTimeZone, parseAbsoluteToLocal} from '@internationalized/date'; diff --git a/packages/react-aria-components/stories/DatePicker.stories.tsx b/packages/react-aria-components/stories/DatePicker.stories.tsx index 52c84614be4..efb443635c7 100644 --- a/packages/react-aria-components/stories/DatePicker.stories.tsx +++ b/packages/react-aria-components/stories/DatePicker.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Calendar, CalendarCell, CalendarGrid, DateInput, DatePicker, DateRangePicker, DateSegment, Dialog, Form, Group, Heading, Input, Label, Popover, RangeCalendar, TextField} from 'react-aria-components'; import clsx from 'clsx'; import {Meta, StoryFn} from '@storybook/react'; diff --git a/packages/react-aria-components/stories/Dropzone.stories.tsx b/packages/react-aria-components/stories/Dropzone.stories.tsx index 234dfdc5a64..5e2f6cc23a1 100644 --- a/packages/react-aria-components/stories/Dropzone.stories.tsx +++ b/packages/react-aria-components/stories/Dropzone.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, DropZone, FileTrigger, Link, Text} from 'react-aria-components'; import {classNames} from '@react-spectrum/utils'; import {FocusRing, mergeProps, useButton, useClipboard, useDrag} from 'react-aria'; diff --git a/packages/react-aria-components/stories/FileTrigger.stories.tsx b/packages/react-aria-components/stories/FileTrigger.stories.tsx index 50c617fb0b6..8beaff7fe4a 100644 --- a/packages/react-aria-components/stories/FileTrigger.stories.tsx +++ b/packages/react-aria-components/stories/FileTrigger.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, FileTrigger, Link} from 'react-aria-components'; import {Meta, StoryFn} from '@storybook/react'; import React from 'react'; diff --git a/packages/react-aria-components/stories/Form.stories.tsx b/packages/react-aria-components/stories/Form.stories.tsx index 104bece9479..fffcb9cc3c2 100644 --- a/packages/react-aria-components/stories/Form.stories.tsx +++ b/packages/react-aria-components/stories/Form.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Form, Input, Label, ListBox, ListBoxItem, Popover, Select, SelectValue, TextField} from 'react-aria-components'; import {Meta, StoryFn} from '@storybook/react'; import React from 'react'; diff --git a/packages/react-aria-components/stories/GridList.stories.tsx b/packages/react-aria-components/stories/GridList.stories.tsx index a58143c296e..2f2682f10c3 100644 --- a/packages/react-aria-components/stories/GridList.stories.tsx +++ b/packages/react-aria-components/stories/GridList.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import { Button, Checkbox, diff --git a/packages/react-aria-components/stories/ListBox.stories.tsx b/packages/react-aria-components/stories/ListBox.stories.tsx index d3ffaf1a281..6072fe52166 100644 --- a/packages/react-aria-components/stories/ListBox.stories.tsx +++ b/packages/react-aria-components/stories/ListBox.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Collection, DropIndicator, GridLayout, Header, ListBox, ListBoxItem, ListBoxProps, ListBoxSection, ListLayout, Separator, Text, useDragAndDrop, Virtualizer, WaterfallLayout} from 'react-aria-components'; import {ListBoxLoadMoreItem} from '../'; import {LoadingSpinner, MyListBoxItem} from './utils'; diff --git a/packages/react-aria-components/stories/Menu.stories.tsx b/packages/react-aria-components/stories/Menu.stories.tsx index d7eeced3721..008ef13ca25 100644 --- a/packages/react-aria-components/stories/Menu.stories.tsx +++ b/packages/react-aria-components/stories/Menu.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Header, Heading, Input, Keyboard, Label, Menu, MenuSection, MenuTrigger, Popover, Separator, SubmenuTrigger, SubmenuTriggerProps, Text, TextField} from 'react-aria-components'; import {Meta, StoryFn, StoryObj} from '@storybook/react'; import {MyMenuItem} from './utils'; diff --git a/packages/react-aria-components/stories/Table.stories.tsx b/packages/react-aria-components/stories/Table.stories.tsx index 3cdadb39ad6..586d690dbf2 100644 --- a/packages/react-aria-components/stories/Table.stories.tsx +++ b/packages/react-aria-components/stories/Table.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Cell, Checkbox, CheckboxProps, Collection, Column, ColumnProps, ColumnResizer, Dialog, DialogTrigger, DropIndicator, Heading, Menu, MenuTrigger, Modal, ModalOverlay, Popover, ResizableTableContainer, Row, Table, TableBody, TableHeader, TableLayout, useDragAndDrop, Virtualizer} from 'react-aria-components'; import {isTextDropItem} from 'react-aria'; import {LoadingSpinner, MyMenuItem} from './utils'; diff --git a/packages/react-aria-components/stories/TagGroup.stories.tsx b/packages/react-aria-components/stories/TagGroup.stories.tsx index 3b925421906..a7f0b39d54f 100644 --- a/packages/react-aria-components/stories/TagGroup.stories.tsx +++ b/packages/react-aria-components/stories/TagGroup.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Label, OverlayArrow, Tag, TagGroup, TagGroupProps, TagList, TagProps, Tooltip, TooltipTrigger} from 'react-aria-components'; import {Meta, StoryObj} from '@storybook/react'; import React from 'react'; diff --git a/packages/react-aria-components/stories/ToggleButton.stories.tsx b/packages/react-aria-components/stories/ToggleButton.stories.tsx index 874285887d1..75994a0210a 100644 --- a/packages/react-aria-components/stories/ToggleButton.stories.tsx +++ b/packages/react-aria-components/stories/ToggleButton.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {classNames} from '@react-spectrum/utils'; import {Meta, StoryFn} from '@storybook/react'; import React, {useState} from 'react'; diff --git a/packages/react-aria-components/stories/Tree.stories.tsx b/packages/react-aria-components/stories/Tree.stories.tsx index 4a5369ed429..274dff95f16 100644 --- a/packages/react-aria-components/stories/Tree.stories.tsx +++ b/packages/react-aria-components/stories/Tree.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import {Button, Checkbox, CheckboxProps, Collection, DroppableCollectionReorderEvent, isTextDropItem, Key, ListLayout, Menu, MenuTrigger, Popover, Text, Tree, TreeItem, TreeItemContent, TreeItemProps, TreeProps, useDragAndDrop, Virtualizer} from 'react-aria-components'; import {classNames} from '@react-spectrum/utils'; import {Meta, StoryFn, StoryObj} from '@storybook/react'; diff --git a/plop-templates/@react-spectrum/stories/{{ componentName }}.stories.tsx.hbs b/plop-templates/@react-spectrum/stories/{{ componentName }}.stories.tsx.hbs index 16ccb76df34..3209e1cf08c 100644 --- a/plop-templates/@react-spectrum/stories/{{ componentName }}.stories.tsx.hbs +++ b/plop-templates/@react-spectrum/stories/{{ componentName }}.stories.tsx.hbs @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {action} from '@storybook/addon-actions'; +import {action} from 'storybook/actions'; import { {{~componentName~}} } from '../'; import {Meta, Story} from '@storybook/react'; import React from 'react'; diff --git a/starters/docs/.storybook/main.js b/starters/docs/.storybook/main.js index 452d3258067..7a41056ceeb 100644 --- a/starters/docs/.storybook/main.js +++ b/starters/docs/.storybook/main.js @@ -26,9 +26,6 @@ const excludedProps = new Set([ const config = { stories: ["../stories/*.stories.@(js|jsx|mjs|ts|tsx)"], addons: [ - getAbsolutePath("@storybook/addon-essentials"), - getAbsolutePath("@storybook/addon-links"), - getAbsolutePath("@storybook/addon-interactions"), getAbsolutePath("@storybook/addon-webpack5-compiler-babel"), ], framework: { diff --git a/starters/docs/.storybook/preview.js b/starters/docs/.storybook/preview.js index 846502df9fb..258f962473a 100644 --- a/starters/docs/.storybook/preview.js +++ b/starters/docs/.storybook/preview.js @@ -1,4 +1,4 @@ -import { themes } from "@storybook/theming"; +import { themes } from "storybook/theming"; import './preview.css'; /** @type { import('@storybook/react').Preview } */ diff --git a/starters/docs/package.json b/starters/docs/package.json index 024f3d177ce..61abb976882 100644 --- a/starters/docs/package.json +++ b/starters/docs/package.json @@ -5,14 +5,9 @@ }, "devDependencies": { "@babel/preset-react": "^7.24.1", - "@storybook/addon-essentials": "^8.6.14", - "@storybook/addon-interactions": "^8.6.14", - "@storybook/addon-links": "^8.6.14", "@storybook/addon-webpack5-compiler-babel": "^3.0.6", - "@storybook/blocks": "^8.6.14", - "@storybook/react": "^8.6.14", - "@storybook/react-webpack5": "^8.6.14", - "@storybook/test": "^8.6.14", + "@storybook/react": "^9.0.18", + "@storybook/react-webpack5": "^9.0.18", "@types/react": "^18.3.0", "@types/react-dom": "^18.3.0", "clsx": "^2.1.1", @@ -22,8 +17,8 @@ "react": "^19.1.0", "react-aria-components": "latest", "react-dom": "^19.1.0", - "storybook": "^8.6.14", - "storybook-dark-mode": "^4.0.2", + "storybook": "^9.0.18", + "@vueless/storybook-dark-mode": "^9.0.6", "typescript": "5.3.3" }, "resolutions": { diff --git a/starters/docs/stories/Tabs.stories.tsx b/starters/docs/stories/Tabs.stories.tsx index 0d72159ae25..5b174938490 100644 --- a/starters/docs/stories/Tabs.stories.tsx +++ b/starters/docs/stories/Tabs.stories.tsx @@ -1,5 +1,5 @@ import {Tabs, Tab, TabList, TabPanel} from '../src/Tabs'; -import {fn} from '@storybook/test'; +import {fn} from 'storybook/test'; import type {Meta, StoryFn} from '@storybook/react'; diff --git a/starters/tailwind/.storybook/main.js b/starters/tailwind/.storybook/main.js index 8ac7db48e9f..9949d9119d9 100644 --- a/starters/tailwind/.storybook/main.js +++ b/starters/tailwind/.storybook/main.js @@ -18,11 +18,7 @@ const config = { "../stories/**/*.mdx", "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)", ], - addons: [ - "@storybook/addon-essentials", - "@storybook/addon-links", - "@storybook/addon-interactions" - ], + addons: [], framework: { name: "@storybook/react-vite", options: {}, diff --git a/starters/tailwind/.storybook/preview.js b/starters/tailwind/.storybook/preview.js index 8b0a512b423..a257c8ca64a 100644 --- a/starters/tailwind/.storybook/preview.js +++ b/starters/tailwind/.storybook/preview.js @@ -1,4 +1,4 @@ -import { themes } from "@storybook/theming"; +import { themes } from "storybook/theming"; import '../src/index.css'; /** @type { import('@storybook/react').Preview } */ diff --git a/starters/tailwind/package.json b/starters/tailwind/package.json index 711117f1209..cc1dc51868f 100644 --- a/starters/tailwind/package.json +++ b/starters/tailwind/package.json @@ -1,12 +1,8 @@ { "devDependencies": { "@babel/preset-react": "^7.24.1", - "@storybook/addon-interactions": "^8.6.14", - "@storybook/addon-links": "^8.6.14", - "@storybook/blocks": "^8.6.14", - "@storybook/react": "^8.6.14", - "@storybook/react-vite": "^8.6.14", - "@storybook/test": "^8.6.14", + "@storybook/react": "^9.0.18", + "@storybook/react-vite": "^9.0.18", "@tailwindcss/postcss": "^4.0.0", "@types/react": "^18.3.0", "@types/react-dom": "^18.3.0", @@ -15,7 +11,7 @@ "react": "^18.2.0", "react-docgen-typescript": "^2.2.2", "react-dom": "^18.2.0", - "storybook": "^8.6.14", + "storybook": "^9.0.18", "tailwindcss": "^4.0.0", "tailwindcss-animate": "^1.0.7", "tailwindcss-react-aria-components": "^1.0.0", diff --git a/yarn.lock b/yarn.lock index 009a250feb7..e10915fe35f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5111,10 +5111,8 @@ __metadata: "@babel/types": "npm:^7.23.0" "@parcel/plugin": "npm:^2.13.1" "@parcel/source-map": "npm:^2.1.1" - "@storybook/csf-tools": "npm:^8" - "@storybook/docs-tools": "npm:^8" react-docgen-typescript: "npm:^2.2.2" - storybook: "npm:^8.6.14" + storybook: "npm:^9.0.18" typescript: "npm:^5.5.0" languageName: unknown linkType: soft @@ -7285,6 +7283,7 @@ __metadata: "@svgr/core": "npm:^8.1.0" "@svgr/plugin-jsx": "npm:^8.1.0" "@svgr/plugin-svgo": "npm:^8.1.0" + prettier: "npm:^3.3.3" languageName: unknown linkType: soft @@ -9018,6 +9017,7 @@ __metadata: dependencies: "@svgr/core": "npm:^8.1.0" fs-extra: "npm:^11.0.0" + prettier: "npm:^3.3.3" languageName: unknown linkType: soft @@ -9100,354 +9100,66 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-a11y@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-a11y@npm:8.6.14" +"@storybook/addon-a11y@npm:^9.0.18": + version: 9.0.18 + resolution: "@storybook/addon-a11y@npm:9.0.18" 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: 10c0/bc1ea6bc4f4229f2a88f40a1fc768628cad7744ca39676228a99656211942d96783d1d20aa475ac03bc653c29ed896a6179b3b17c8226effb598111cd8c8d146 + storybook: ^9.0.18 + checksum: 10c0/541eb3f00aa79b9bc6afe3635dd38c4bf3cde138bbe6bd3a1ef6cdb378670a08e16d725e4fdb5db684ce28523cac08d21998d9e2d2feabbad35a78afd2308ac1 languageName: node linkType: hard -"@storybook/addon-a11y@patch:@storybook/addon-a11y@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-a11y-npm-8.6.14-2119c57a0f.patch": - version: 8.6.14 - resolution: "@storybook/addon-a11y@patch:@storybook/addon-a11y@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-a11y-npm-8.6.14-2119c57a0f.patch::version=8.6.14&hash=970a16" - 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: 10c0/76718dadaeb8d4ca1ba22d4402bbd212f1318248bc83833cf7587579f08c2503661528a8e2dc88174b27c9ebcb49bf1dc9f5c6f7745620dad4c7337ee4f07fd5 - languageName: node - linkType: hard - -"@storybook/addon-actions@npm:8.6.14, @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: 10c0/7a5d4faa15dd42f8f98335b6d817e1e2ffb50084001dc430aa3baf5c77edece16f0e866e8ce488e1c7a7a8f85465a6a71421373b87877375beafbe4729ada14a - languageName: node - linkType: hard - -"@storybook/addon-backgrounds@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-backgrounds@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - memoizerific: "npm:^1.11.3" - ts-dedent: "npm:^2.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/e42befb774082313e7c0b94676dbbaa6a79dfd65b127dd474966d878fbd94e70a35651d5daccd1e09138775a1d275257279ae1092ddaaa840b7dc21839f0f5b9 - languageName: node - linkType: hard - -"@storybook/addon-controls@npm:8.6.14, @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: 10c0/a02a818be873ee7a630f5ca4a46fe16fc31edec2b16b0988ce4f8bcdd63650aaf1a2cd0356e1b42557e1a1bb2f46de4653e071e7b2b53a60c9a3e60a93fe19ef - 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.0.18": + version: 9.0.18 + resolution: "@storybook/addon-docs@npm:9.0.18" 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" - 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: 10c0/1668d40977624e3495b0cd3f009957994db04cec6de39645311e892cc1de99bf5a98bea9e9783d8063627c27b9545d222b1fdc490c23c6fadeead42ce0605fcb - languageName: node - linkType: hard - -"@storybook/addon-docs@patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch": - version: 8.6.14 - resolution: "@storybook/addon-docs@patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch::version=8.6.14&hash=e4d464" - 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.0.18" + "@storybook/icons": "npm:^1.2.12" + "@storybook/react-dom-shim": "npm:9.0.18" 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: 10c0/ee2fc317d21b09e24e435d60a10b0f5b2cf36205d6a85395029ff5dd1108821da6ef961bee4ee8b0030f2ebc93b53c17aa2c0b975d920594dda47a0e960b4262 + storybook: ^9.0.18 + checksum: 10c0/12533921baeec0995b138884e47df64b48ce3fa2a8cbf17802f18c61265436e761199e77c2b0a5015af201332fb3e563216791026cdd2e4a87cf21a45c0b839c languageName: node linkType: hard -"@storybook/addon-essentials@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-essentials@npm:8.6.14" +"@storybook/addon-jest@npm:^9.0.18": + version: 9.0.18 + resolution: "@storybook/addon-jest@npm:9.0.18" dependencies: - "@storybook/addon-actions": "npm:8.6.14" - "@storybook/addon-backgrounds": "npm:8.6.14" - "@storybook/addon-controls": "npm:8.6.14" - "@storybook/addon-docs": "npm:8.6.14" - "@storybook/addon-highlight": "npm:8.6.14" - "@storybook/addon-measure": "npm:8.6.14" - "@storybook/addon-outline": "npm:8.6.14" - "@storybook/addon-toolbars": "npm:8.6.14" - "@storybook/addon-viewport": "npm:8.6.14" - ts-dedent: "npm:^2.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/77235e359d25267f7339e3c4a920329fccf7febbc5b81e13e7fc1f7d429e22385027dfaf30e2639865271c270d810df815a165e11a512735eedebb5c649c5adf - 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: 10c0/db04b21cc3dc6185ce0051de08e0402899986d0b4b640ddbf1c8386bea5b1ed54b5a9b7e8a40e02973b73706839bcda1b324daf1eaafb465215247e6f548f817 - languageName: node - linkType: hard - -"@storybook/addon-interactions@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-interactions@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - "@storybook/instrumenter": "npm:8.6.14" - "@storybook/test": "npm:8.6.14" - polished: "npm:^4.2.2" - ts-dedent: "npm:^2.2.0" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/953a6087a416f21355641bf3306aeaf8b8177a6e702148c07c26bbb1a2a25bc40ca19693760a7dc169813da0d4d3da005fbfd48cba6615391d72bddcdda95587 - languageName: node - linkType: hard - -"@storybook/addon-jest@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-jest@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" tiny-invariant: "npm:^1.3.1" - ts-dedent: "npm:^2.0.0" upath: "npm:^2.0.1" peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/b1300b9ba6a87bc604537b9593bbc53a2bb05d2d49fdbed32f2f3de88f843e0a2db05db2be11a3c5c393b0a7c4e60d439cfb9615c8069ede521636c936367477 + storybook: ^9.0.18 + checksum: 10c0/7a5391b95d9fe257d021c2b558761d46b56dc1a386a36699286141df4e1aa08fcdd5d610900c1ce3a59cde99dd428ef14ceddcfa9b49e7a8502e6d121468edbe languageName: node linkType: hard -"@storybook/addon-links@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-links@npm:8.6.14" +"@storybook/addon-themes@npm:^9.0.18": + version: 9.0.18 + resolution: "@storybook/addon-themes@npm:9.0.18" dependencies: - "@storybook/global": "npm:^5.0.0" ts-dedent: "npm:^2.0.0" peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.6.14 - peerDependenciesMeta: - react: - optional: true - checksum: 10c0/ed0472781ec71a857e7c1319f6d2e394be9f99880e3882053319c3c2fd06f8ef107910545945301ab57d58382336cc8c6200b7a5b8fa6f7debaf017986411125 - languageName: node - linkType: hard - -"@storybook/addon-measure@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-measure@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - tiny-invariant: "npm:^1.3.1" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/a44f1c23e1665adf01684ce62b9c98e5b460aa96024c3c7be4bf9caa7c1073c4d9470b88bc5f814856594b7b90d9b877d5d58cfdbef2df77d483c1c3694ce37e + storybook: ^9.0.18 + checksum: 10c0/1e4467ca8c8e96804370f06d5eb7a03f9fd3af6e6d7b0e7c360247e7e52cc18d6cbb7bcfc9332d609f4fab86e7e469feda854be39880ffe8ab7c680d83efd2bd languageName: node linkType: hard -"@storybook/addon-onboarding@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-onboarding@npm:8.6.14" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/822b005c5e49aa84fe46207c383d178292484edf211d38997b9c07fc481bc61ff88eea8244a187b465101ec8a3c420543d21e5baaf4dbb9df2cd0149b89bfc8d - languageName: node - linkType: hard - -"@storybook/addon-outline@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-outline@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - ts-dedent: "npm:^2.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/b54d71299a75588d7d424fb986433435d69974f4782986b7c4ef7db964bc9f85c75a07d5b0a2a0eec5b018284ddd4d4851e14fb4e131f41a6463fc16db234617 - languageName: node - linkType: hard - -"@storybook/addon-themes@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/addon-themes@npm:8.6.14" - dependencies: - ts-dedent: "npm:^2.0.0" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/6e04a6d99b87a4527bd2b98ef4b655b3bfc79cb17667fe3d773f02eda7998ee319a7ecadf6be79f2b0cf70d952aaf11d7009cff911e1a7cc2a794eed58dd28ea - 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: 10c0/3fb0fe13fab65be101abda613c1c92e08c2aa0cba97ff2e37aa410af5fe2c1ebc15203627039c265e9667af294ea0cd7bb6e7bd84cb854bad5d0245a9ce66b79 - 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: 10c0/00a353ce87c79a7b08fd78cab87045c5d29996ea3fcd2a4072380e0f76a6e0bfc9385f743b98764aaff0740e8460b9d2a37864a1d0e91bf48f26e3d5a1984e51 - languageName: node - linkType: hard - -"@storybook/blocks@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/blocks@npm:8.6.14" - 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: 10c0/3f87c1f224031dee8b5fa6e296022997d21956832fea1e4ffa3525931c05a8ef6450b67c728635297a08548d65ef5abde05d7740d4ea3a9a811f2ff08a5f0148 - languageName: node - linkType: hard - -"@storybook/channels@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/channels@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: 10c0/559fa605c48add2cbb3879854cf5e3df56cc5ec59bc6f8b6fa287ddeb0a210d345bcfe2c6ebd4eb8792b130cc9d831aae89cf190a1e708a15d9b7188dff438b4 - languageName: node - linkType: hard - -"@storybook/client-logger@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/client-logger@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: 10c0/118881c46073fe8bf418589e00bbcb7e9b6c5934bdc81bd1aceb970b123819160f0f48f474500ab61f7cd2b34e5c36aa9537c685d4dc31aea86f5b0fac067e11 - languageName: node - linkType: hard - -"@storybook/components@npm:8.6.14, @storybook/components@npm:^8.0.0, @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: 10c0/43a9192f312c8b2ac1aaeabcfc7c766215e934efd340b01edd9e71ca194ebf30ac896f60817ed539aec9d4183dc77296056e78c5c3705607875df79df7ab7acc - languageName: node - linkType: hard - -"@storybook/core-common@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/core-common@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: 10c0/0eb0c0bd3b79ec018cd1a7ecfcb1629009dfda46bdbeb280bd18e376399e0e8c1220af06127a5a622804dcbd814621f575890b789b0299cb5a21990f2f0fbea0 - languageName: node - linkType: hard - -"@storybook/core-events@npm:^8.0.0": - version: 8.6.14 - resolution: "@storybook/core-events@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: 10c0/8fc9941e3ef9954ed82a845e29867ba4bcc2e0c1749c1ab6a916a24d3941d878cc509769b6c0c073e78ec91d22c7895787219bb6b5d3e787c8223963dbef6b3e - languageName: node - linkType: hard - -"@storybook/core@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/core@npm:8.6.14" - dependencies: - "@storybook/theming": "npm:8.6.14" - 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: 10c0/d1756b4a120c76b8eafa0b54d43969180b4cba8b212b98295a422ab738d7e9ae19d0fd1853de9e8335a6b4f8091dd6457649f6db9615d268c83b2248ffe5bf30 - 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.0.18": + version: 9.0.18 + resolution: "@storybook/csf-plugin@npm:9.0.18" dependencies: unplugin: "npm:^1.3.1" peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/3f2cebd6046aea554d2e740c4d262005c580018dfcbcca8d9a589f9e893d407da405ace235595b3e110fb6ed21b840ff1645508a98764017ca5d1d4c56027172 - languageName: node - linkType: hard - -"@storybook/csf-tools@npm:^8": - version: 8.6.14 - resolution: "@storybook/csf-tools@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: 10c0/c0936d06a9b12c28cd4202b1abd7e016e087dc5640e7ce9ec9ad6322082c5f622150e4320a9bf2b7f930fbc5406b8ce7ecd1f6527ef32bf83415ff82da435092 + storybook: ^9.0.18 + checksum: 10c0/e5c1e32618a763e36b948ec0fe1fbb94c110d9799e48c229b83f22043ab27cd2eb89d7a0a50a8783253f6ef208827f39d7d37efabd556100ede6c0eefd951785 languageName: node linkType: hard @@ -9460,15 +9172,6 @@ __metadata: languageName: node linkType: hard -"@storybook/docs-tools@npm:^8": - version: 8.6.14 - resolution: "@storybook/docs-tools@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: 10c0/6e6e8a9ca6e8ab2bc7a6994b2225cdeda1ec7c92841be3ca0e53a20b0e5c205bc293002b02b4db791d85aa2beb2e9456fe8d72cf07d5309ec7143c440970f150 - languageName: node - linkType: hard - "@storybook/expect@npm:storybook-jest": version: 28.1.3-5 resolution: "@storybook/expect@npm:28.1.3-5" @@ -9495,18 +9198,6 @@ __metadata: languageName: node linkType: hard -"@storybook/instrumenter@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/instrumenter@npm:8.6.14" - dependencies: - "@storybook/global": "npm:^5.0.0" - "@vitest/utils": "npm:^2.1.1" - peerDependencies: - storybook: ^8.6.14 - checksum: 10c0/6b887e25d11404bb1b0f27eea310529732d9a6222d2581ae9f5d66d28e02b76a4ebe0a31d97322d88d5c9d2d2bd503e5f3da6b6f7dfc4c025eb7f86371db0e23 - languageName: node - linkType: hard - "@storybook/jest@npm:^0.2.3": version: 0.2.3 resolution: "@storybook/jest@npm:0.2.3" @@ -9519,91 +9210,32 @@ __metadata: languageName: node linkType: hard -"@storybook/manager-api@npm:8.6.14, @storybook/manager-api@npm:^8.0.0, @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: 10c0/141089caf50df9f1dbd18c22b8e8dfa45641f67ab148c9956c046c0141ff7a70f3341f440c454d5f6247dac389499d67bad8b6c81cbcd6f08c7fe34bf42fd264 - languageName: node - linkType: hard - -"@storybook/preview-api@npm:8.6.14, @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: 10c0/2e960ae54453d50d27f706dbfc685881534fbc8c5c7ebf4ebfba7d24f33b007f5814f8f9613cd36feb495e7f82cd746c1f88a04e9e107f5aba9972c886afc040 - languageName: node - linkType: hard - -"@storybook/preview@npm:^8.6.14": - version: 8.6.14 - resolution: "@storybook/preview@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: 10c0/c4a81931250afe94cd022bb0db74442a448afe04be5b6040f1aa5e4af07973c60f46d5ab778fed8b886981a519ea947d9493579dd7ba128b0da727638e0d7419 - 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.0.18": + version: 9.0.18 + resolution: "@storybook/react-dom-shim@npm:9.0.18" 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: 10c0/6e54c05ab19be1c34084e8acd133d8d358c3b6824db01b4aff159be3f818bd12c3a17217fe1947244c4576d7d02875b486578f011edb0e2290cb62541a263c5f + storybook: ^9.0.18 + checksum: 10c0/d2382f892aedc38c45a1c574fc0f80933d07518ded315e7765d024e1dd96cfe1be53e5c4438c2ed7f78e2d8128e96d0bb551b664a42c24dbc2337064a7207239 languageName: node linkType: hard -"@storybook/react@npm:8.6.14": - version: 8.6.14 - resolution: "@storybook/react@npm:8.6.14" +"@storybook/react@npm:^9.0.18": + version: 9.0.18 + resolution: "@storybook/react@npm:9.0.18" 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.0.18" 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.0.18 + typescript: ">= 4.9.x" peerDependenciesMeta: - "@storybook/test": - optional: true typescript: optional: true - checksum: 10c0/e447892d523b32a52708e6eabc142a3dc0433c23fc28d59206e3b03fe070df77e80998839c3496c22ad11b712499b8e0fbec0dacf31a006ea99b171dba74c43b - languageName: node - linkType: hard - -"@storybook/react@patch:@storybook/react@npm%3A8.6.14#~/.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch": - version: 8.6.14 - resolution: "@storybook/react@patch:@storybook/react@npm%3A8.6.14#~/.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch::version=8.6.14&hash=9c6605" - 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" - 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" - peerDependenciesMeta: - "@storybook/test": - optional: true - typescript: - optional: true - checksum: 10c0/118e70e34eee96820995766e64a83346ce63cd8dfa9a87ca5f0603b3f52f1d6a80e3eded534afb8b3778927c8070e584aefcb756cb9fb7efc247f37a3da07141 + checksum: 10c0/b18aa5e0b6f099ea129017cad166ed5a4f28a07f48a2efda0c1fb13d1c9433df6a5de3d663275e92c8ef8353b6d5c92e1febe603992dc25603c8e31fd3620255 languageName: node linkType: hard @@ -9638,32 +9270,6 @@ __metadata: languageName: node linkType: hard -"@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: 10c0/f2808db7d567b03320dbdd4a5e2b8ff8a92860138ff4fc87c7c18c3b2fbfb57158cc5ae936770222d7c3ef0fbed85f5e826762ddbeb7f0399961ab9528dbbcb8 - languageName: node - linkType: hard - -"@storybook/theming@npm:8.6.14, @storybook/theming@npm:^8.0.0": - 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: 10c0/765bfbfedcbdcdb719b164a14bb61b8ad60819c6124d0e1f243b6b45e62de877ec8dff6259092207a58d6c2771f4883650e9784a2be1aaf7e0ef0fe75465db0d - languageName: node - linkType: hard - "@stylistic/eslint-plugin-ts@npm:^2.9.0": version: 2.9.0 resolution: "@stylistic/eslint-plugin-ts@npm:2.9.0" @@ -10115,7 +9721,7 @@ __metadata: languageName: node linkType: hard -"@testing-library/dom@npm:10.4.0, @testing-library/dom@npm:^10.1.0": +"@testing-library/dom@npm:^10.1.0": version: 10.4.0 resolution: "@testing-library/dom@npm:10.4.0" dependencies: @@ -10131,21 +9737,6 @@ __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: 10c0/fd5936a547f04608d8de15a7de3ae26516f21023f8f45169b10c8c8847015fd20ec259b7309f08aa1031bcbc37c6e5e6f532d1bb85ef8f91bad654193ec66a4c - languageName: node - linkType: hard - "@testing-library/jest-dom@npm:^5.16.4, @testing-library/jest-dom@npm:^5.16.5": version: 5.17.0 resolution: "@testing-library/jest-dom@npm:5.17.0" @@ -10163,7 +9754,7 @@ __metadata: languageName: node linkType: hard -"@testing-library/jest-dom@npm:^6.1.2": +"@testing-library/jest-dom@npm:^6.1.2, @testing-library/jest-dom@npm:^6.6.3": version: 6.6.3 resolution: "@testing-library/jest-dom@npm:6.6.3" dependencies: @@ -10326,6 +9917,15 @@ __metadata: languageName: node linkType: hard +"@types/chai@npm:^5.2.2": + version: 5.2.2 + resolution: "@types/chai@npm:5.2.2" + dependencies: + "@types/deep-eql": "npm:*" + checksum: 10c0/49282bf0e8246800ebb36f17256f97bd3a8c4fb31f92ad3c0eaa7623518d7e87f1eaad4ad206960fcaf7175854bdff4cb167e4fe96811e0081b4ada83dd533ec + languageName: node + linkType: hard + "@types/color-name@npm:^1.1.1": version: 1.1.1 resolution: "@types/color-name@npm:1.1.1" @@ -10342,6 +9942,13 @@ __metadata: languageName: node linkType: hard +"@types/deep-eql@npm:*": + version: 4.0.2 + resolution: "@types/deep-eql@npm:4.0.2" + checksum: 10c0/bf3f811843117900d7084b9d0c852da9a044d12eb40e6de73b552598a6843c21291a8a381b0532644574beecd5e3491c5ff3a0365ab86b15d59862c025384844 + languageName: node + linkType: hard + "@types/estree-jsx@npm:^0.0.1": version: 0.0.1 resolution: "@types/estree-jsx@npm:0.0.1" @@ -10666,13 +10273,6 @@ __metadata: languageName: node linkType: hard -"@types/uuid@npm:^9.0.1": - version: 9.0.8 - resolution: "@types/uuid@npm:9.0.8" - checksum: 10c0/b411b93054cb1d4361919579ef3508a1f12bf15b5fdd97337d3d351bece6c921b52b6daeef89b62340fd73fd60da407878432a1af777f40648cbe53a01723489 - languageName: node - linkType: hard - "@types/wait-on@npm:^5.2.0": version: 5.3.1 resolution: "@types/wait-on@npm:5.3.1" @@ -11070,65 +10670,57 @@ __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: 10c0/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: 10c0/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: 10c0/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/pretty-format@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/pretty-format@npm:3.2.4" dependencies: - tinyrainbow: "npm:^1.2.0" - checksum: 10c0/155f9ede5090eabed2a73361094bb35ed4ec6769ae3546d2a2af139166569aec41bb80e031c25ff2da22b71dd4ed51e5468e66a05e6aeda5f14b32e30bc18f00 + tinyrainbow: "npm:^2.0.0" + checksum: 10c0/5ad7d4278e067390d7d633e307fee8103958806a419ca380aec0e33fae71b44a64415f7a9b4bc11635d3c13d4a9186111c581d3cef9c65cc317e68f077456887 languageName: node linkType: hard -"@vitest/spy@npm:2.0.5": - version: 2.0.5 - resolution: "@vitest/spy@npm:2.0.5" +"@vitest/spy@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/spy@npm:3.2.4" dependencies: - tinyspy: "npm:^3.0.0" - checksum: 10c0/70634c21921eb271b54d2986c21d7ab6896a31c0f4f1d266940c9bafb8ac36237846d6736638cbf18b958bd98e5261b158a6944352742accfde50b7818ff655e + tinyspy: "npm:^4.0.3" + checksum: 10c0/6ebf0b4697dc238476d6b6a60c76ba9eb1dd8167a307e30f08f64149612fd50227682b876420e4c2e09a76334e73f72e3ebf0e350714dc22474258292e202024 languageName: node linkType: hard -"@vitest/utils@npm:2.0.5": - version: 2.0.5 - resolution: "@vitest/utils@npm:2.0.5" +"@vitest/utils@npm:3.2.4": + version: 3.2.4 + resolution: "@vitest/utils@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: 10c0/0d1de748298f07a50281e1ba058b05dcd58da3280c14e6f016265e950bd79adab6b97822de8f0ea82d3070f585654801a9b1bcf26db4372e51cf7746bf86d73b + "@vitest/pretty-format": "npm:3.2.4" + loupe: "npm:^3.1.4" + tinyrainbow: "npm:^2.0.0" + checksum: 10c0/024a9b8c8bcc12cf40183c246c244b52ecff861c6deb3477cbf487ac8781ad44c68a9c5fd69f8c1361878e55b97c10d99d511f2597f1f7244b5e5101d028ba64 languageName: node linkType: hard -"@vitest/utils@npm:^2.1.1": - version: 2.1.9 - resolution: "@vitest/utils@npm:2.1.9" +"@vueless/storybook-dark-mode@npm:^9.0.6": + version: 9.0.6 + resolution: "@vueless/storybook-dark-mode@npm:9.0.6" dependencies: - "@vitest/pretty-format": "npm:2.1.9" - loupe: "npm:^3.1.2" - tinyrainbow: "npm:^1.2.0" - checksum: 10c0/81a346cd72b47941f55411f5df4cc230e5f740d1e97e0d3f771b27f007266fc1f28d0438582f6409ea571bc0030ed37f684c64c58d1947d6298d770c21026fdf + "@storybook/global": "npm:^5.0.0" + "@storybook/icons": "npm:^1.2.5" + fast-deep-equal: "npm:^3.1.3" + memoizerific: "npm:^1.11.3" + checksum: 10c0/ee0ae225f7463287ea899c1fd95f97f13798ff7d3280e790e12482060995843d6e36a49c7029e13b740c1b008d2d0e0dd11d9727b405438361c7756e67e9d023 languageName: node linkType: hard @@ -12613,13 +12205,6 @@ __metadata: languageName: node linkType: hard -"browser-assert@npm:^1.2.1": - version: 1.2.1 - resolution: "browser-assert@npm:1.2.1" - checksum: 10c0/902abf999f92c9c951fdb6d7352c09eea9a84706258699655f7e7906e42daa06a1ae286398a755872740e05a6a71c43c5d1a0c0431d67a8cdb66e5d859a3fc0c - languageName: node - linkType: hard - "browserify-zlib@npm:^0.1.4": version: 0.1.4 resolution: "browserify-zlib@npm:0.1.4" @@ -12968,16 +12553,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.2.1 + resolution: "chai@npm:5.2.1" 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: 10c0/dfd1cb719c7cebb051b727672d382a35338af1470065cb12adb01f4ee451bbf528e0e0f9ab2016af5fc1eea4df6e7f4504dc8443f8f00bd8fb87ad32dc516f7d + checksum: 10c0/58209c03ae9b2fd97cfa1cb0fbe372b1906e6091311b9ba1b0468cc4923b0766a50a1050a164df3ccefb9464944c9216b632f1477c9e429068013bdbb57220f6 languageName: node linkType: hard @@ -14779,7 +14364,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: 10c0/f98860cdf58b64991ae10205137c0e97d384c3a4edc7f807603887b7c4b850af1224a33d88012009f150861cbee4fa2d322c4cc04b9313bee312e47f6ecaa888 @@ -16044,7 +15629,7 @@ __metadata: languageName: node linkType: hard -"estree-walker@npm:^3.0.0, estree-walker@npm:^3.0.3": +"estree-walker@npm:^3.0.0": version: 3.0.3 resolution: "estree-walker@npm:3.0.3" dependencies: @@ -18881,7 +18466,7 @@ __metadata: languageName: node linkType: hard -"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.1": +"is-arguments@npm:^1.1.1": version: 1.1.1 resolution: "is-arguments@npm:1.1.1" dependencies: @@ -19186,7 +18771,7 @@ __metadata: languageName: node linkType: hard -"is-generator-function@npm:^1.0.10, is-generator-function@npm:^1.0.7": +"is-generator-function@npm:^1.0.10": version: 1.0.10 resolution: "is-generator-function@npm:1.0.10" dependencies: @@ -19559,7 +19144,7 @@ __metadata: languageName: node linkType: hard -"is-typed-array@npm:^1.1.13, is-typed-array@npm:^1.1.3": +"is-typed-array@npm:^1.1.13": version: 1.1.13 resolution: "is-typed-array@npm:1.1.13" dependencies: @@ -20631,7 +20216,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: 10c0/7700372d2e733a32f7ea0a1df9cec6752321a5345c11a91b2ab478a031a426e934f16d5c1f15c8566c7b2c10af9f27892a29c2c789039f595470e929a4aa60ea @@ -21873,13 +21458,20 @@ __metadata: languageName: node linkType: hard -"loupe@npm:^3.1.0, loupe@npm:^3.1.1, loupe@npm:^3.1.2": +"loupe@npm:^3.1.0": version: 3.1.3 resolution: "loupe@npm:3.1.3" checksum: 10c0/f5dab4144254677de83a35285be1b8aba58b3861439ce4ba65875d0d5f3445a4a496daef63100ccf02b2dbc25bf58c6db84c9cb0b96d6435331e9d0a33b48541 languageName: node linkType: hard +"loupe@npm:^3.1.4": + version: 3.2.0 + resolution: "loupe@npm:3.2.0" + checksum: 10c0/f572fd9e38db8d36ae9eede305480686e310d69bc40394b6842838ebc6c3860a0e35ab30182f33606ab2d8a685d9ff6436649269f8218a1c3385ca329973cb2c + languageName: node + linkType: hard + "lowdb@npm:1.0.0": version: 1.0.0 resolution: "lowdb@npm:1.0.0" @@ -25449,15 +25041,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: 10c0/1d054d1fea18ac7d921ca91504ffcf1ef0f505eda6acbfec6e205a98ebfea80b658664995deb35907dabc5f75f287dc2894812503a8aed28285bb91f25cf7400 - languageName: node - linkType: hard - "posix-character-classes@npm:^0.1.0": version: 0.1.1 resolution: "posix-character-classes@npm:0.1.1" @@ -25545,7 +25128,7 @@ __metadata: languageName: node linkType: hard -"prettier@npm:^3.6.2": +"prettier@npm:^3.3.3, prettier@npm:^3.6.2": version: 3.6.2 resolution: "prettier@npm:3.6.2" bin: @@ -26055,7 +25638,7 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react-dom@npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0, react-dom@npm:^19, react-dom@npm:^19.1.0": +"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react-dom@npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0, react-dom@npm:^19, react-dom@npm:^19.0.0, react-dom@npm:^19.1.0": version: 19.1.0 resolution: "react-dom@npm:19.1.0" dependencies: @@ -26066,18 +25649,6 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^18.2.0": - version: 18.3.1 - resolution: "react-dom@npm:18.3.1" - dependencies: - loose-envify: "npm:^1.1.0" - scheduler: "npm:^0.23.2" - peerDependencies: - react: ^18.3.1 - checksum: 10c0/a752496c1941f958f2e8ac56239172296fcddce1365ce45222d04a1947e0cc5547df3e8447f855a81d6d39f008d7c32eab43db3712077f09e3f67c4874973e85 - languageName: node - linkType: hard - "react-frame-component@npm:^5.0.0": version: 5.2.6 resolution: "react-frame-component@npm:5.2.6" @@ -26195,20 +25766,11 @@ __metadata: "@react-spectrum/s2-icon-builder": "npm:^0.3.0" "@spectrum-css/component-builder": "workspace:^" "@spectrum-css/vars": "npm:^2.3.0" - "@storybook/addon-a11y": "patch:@storybook/addon-a11y@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-a11y-npm-8.6.14-2119c57a0f.patch" - "@storybook/addon-actions": "npm:^8.6.14" - "@storybook/addon-controls": "npm:^8.6.14" - "@storybook/addon-essentials": "npm:^8.6.14" - "@storybook/addon-interactions": "npm:^8.6.14" - "@storybook/addon-jest": "npm:^8.6.14" - "@storybook/addon-links": "npm:^8.6.14" - "@storybook/addon-onboarding": "npm:^8.6.14" - "@storybook/addon-themes": "npm:^8.6.14" - "@storybook/components": "npm:^8.6.14" - "@storybook/manager-api": "npm:^8.6.14" - "@storybook/preview": "npm:^8.6.14" - "@storybook/preview-api": "npm:^8.6.14" - "@storybook/react": "npm:^8.6.14" + "@storybook/addon-a11y": "npm:^9.0.18" + "@storybook/addon-docs": "npm:^9.0.18" + "@storybook/addon-jest": "npm:^9.0.18" + "@storybook/addon-themes": "npm:^9.0.18" + "@storybook/react": "npm:^9.0.18" "@storybook/test-runner": "npm:^0.22.0" "@stylistic/eslint-plugin-ts": "npm:^2.9.0" "@swc/core": "npm:^1.3.36" @@ -26220,6 +25782,7 @@ __metadata: "@testing-library/user-event": "patch:@testing-library/user-event@npm%3A14.6.1#~/.yarn/patches/@testing-library-user-event-npm-14.6.1-5da7e1d4e2.patch" "@types/react": "npm:^19.0.0" "@types/react-dom": "npm:^19.0.0" + "@vueless/storybook-dark-mode": "npm:^9.0.6" "@yarnpkg/types": "npm:^4.0.0" autoprefixer: "npm:^9.6.0" axe-core: "npm:^4.6.3" @@ -26290,8 +25853,7 @@ __metadata: rimraf: "npm:^2.6.3" sharp: "npm:^0.33.5" sinon: "npm:^7.3.1" - storybook: "npm:^8.6.14" - storybook-dark-mode: "npm:^4.0.2" + storybook: "npm:^9.0.18" storybook-react-parcel: "workspace:^" tailwind-variants: "patch:tailwind-variants@npm%3A0.3.1#~/.yarn/patches/tailwind-variants-npm-0.3.1-48888516de.patch" tailwindcss: "npm:^4.0.0" @@ -26372,22 +25934,13 @@ __metadata: languageName: node linkType: hard -"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react@npm:^19, react@npm:^19.1.0": +"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react@npm:^19, react@npm:^19.0.0, react@npm:^19.1.0": version: 19.1.0 resolution: "react@npm:19.1.0" checksum: 10c0/530fb9a62237d54137a13d2cfb67a7db6a2156faed43eecc423f4713d9b20c6f2728b026b45e28fcd72e8eadb9e9ed4b089e99f5e295d2f0ad3134251bdd3698 languageName: node linkType: hard -"react@npm:^18.2.0": - version: 18.3.1 - resolution: "react@npm:18.3.1" - dependencies: - loose-envify: "npm:^1.1.0" - checksum: 10c0/283e8c5efcf37802c9d1ce767f302dd569dd97a70d9bb8c7be79a789b9902451e0d16334b05d73299b20f048cbc3c7d288bbbde10b701fa194e2089c237dbea3 - languageName: node - linkType: hard - "read-cache@npm:^1.0.0": version: 1.0.0 resolution: "read-cache@npm:1.0.0" @@ -28329,65 +27882,52 @@ __metadata: dependencies: "@parcel/core": "npm:^2.13.1" "@parcel/reporter-cli": "npm:^2.13.1" - "@storybook/channels": "npm:^8.6.14" - "@storybook/client-logger": "npm:^8.6.14" - "@storybook/core-common": "npm:^8.6.14" - "@storybook/preview": "npm:^8.6.14" - "@storybook/preview-api": "npm:^8.6.14" http-proxy-middleware: "npm:^2.0.6" - storybook: "npm:^8.6.14" + storybook: "npm:^9.0.18" peerDependencies: react: "*" languageName: unknown linkType: soft -"storybook-dark-mode@npm:^4.0.2": - version: 4.0.2 - resolution: "storybook-dark-mode@npm:4.0.2" - dependencies: - "@storybook/components": "npm:^8.0.0" - "@storybook/core-events": "npm:^8.0.0" - "@storybook/global": "npm:^5.0.0" - "@storybook/icons": "npm:^1.2.5" - "@storybook/manager-api": "npm:^8.0.0" - "@storybook/theming": "npm:^8.0.0" - fast-deep-equal: "npm:^3.1.3" - memoizerific: "npm:^1.11.3" - checksum: 10c0/d4fc652ff080f6cc9f0effab0c989b66ead3372b267c2c328eef608f27c9822bf47aaa177405e42768b2de22f8a3e9a0280af50430efd0cf78bd6ed1f12c8b29 - languageName: node - linkType: hard - "storybook-react-parcel@workspace:^, storybook-react-parcel@workspace:packages/dev/storybook-react-parcel": version: 0.0.0-use.local resolution: "storybook-react-parcel@workspace:packages/dev/storybook-react-parcel" dependencies: - "@storybook/react": "npm:^8.6.14" - react: "npm:^18.2.0" - react-dom: "npm:^18.2.0" - storybook: "npm:^8.6.14" + "@storybook/react": "npm:^9.0.18" + react: "npm:^19.0.0" + react-dom: "npm:^19.0.0" + storybook: "npm:^9.0.18" storybook-builder-parcel: "npm:>=0.0.1" peerDependencies: - react: ^18.2.0 - react-dom: ^18.2.0 - storybook: ^8.6.14 + react: ^19.0.0 + react-dom: ^19.0.0 + storybook: ^9.0.18 languageName: unknown linkType: soft -"storybook@npm:^8.6.14": - version: 8.6.14 - resolution: "storybook@npm:8.6.14" +"storybook@npm:^9.0.18": + version: 9.0.18 + resolution: "storybook@npm:9.0.18" dependencies: - "@storybook/core": "npm:8.6.14" + "@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/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: 10c0/a39d5ca1c3fecb4e6d5b7867d510e9a31524b48053dcea485afffbeaf7fe8ced883fd2d44e1b5076a2f3044eeb095fe49282793f1041124a9aa2b47fa675c956 + checksum: 10c0/6db67e2c51a445d5aeee900cf553214f7b33834d395b1c12d40b28d6d35d6271826dcaa6e84d11aceadd0f69b38e447f82a4b215d1a92faeadca559d81df5e9a languageName: node linkType: hard @@ -29326,17 +28866,17 @@ __metadata: languageName: node linkType: hard -"tinyrainbow@npm:^1.2.0": - version: 1.2.0 - resolution: "tinyrainbow@npm:1.2.0" - checksum: 10c0/7f78a4b997e5ba0f5ecb75e7ed786f30bab9063716e7dff24dd84013fb338802e43d176cb21ed12480561f5649a82184cf31efb296601a29d38145b1cdb4c192 +"tinyrainbow@npm:^2.0.0": + version: 2.0.0 + resolution: "tinyrainbow@npm:2.0.0" + checksum: 10c0/c83c52bef4e0ae7fb8ec6a722f70b5b6fa8d8be1c85792e829f56c0e1be94ab70b293c032dc5048d4d37cfe678f1f5babb04bdc65fd123098800148ca989184f languageName: node linkType: hard -"tinyspy@npm:^3.0.0": - version: 3.0.2 - resolution: "tinyspy@npm:3.0.2" - checksum: 10c0/55ffad24e346622b59292e097c2ee30a63919d5acb7ceca87fc0d1c223090089890587b426e20054733f97a58f20af2c349fb7cc193697203868ab7ba00bcea0 +"tinyspy@npm:^4.0.3": + version: 4.0.3 + resolution: "tinyspy@npm:4.0.3" + checksum: 10c0/0a92a18b5350945cc8a1da3a22c9ad9f4e2945df80aaa0c43e1b3a3cfb64d8501e607ebf0305e048e3c3d3e0e7f8eb10cea27dc17c21effb73e66c4a3be36373 languageName: node linkType: hard @@ -29584,7 +29124,7 @@ __metadata: languageName: node linkType: hard -"ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0": +"ts-dedent@npm:^2.0.0": version: 2.2.0 resolution: "ts-dedent@npm:2.2.0" checksum: 10c0/175adea838468cc2ff7d5e97f970dcb798bbcb623f29c6088cb21aa2880d207c5784be81ab1741f56b9ac37840cbaba0c0d79f7f8b67ffe61c02634cafa5c303 @@ -30486,19 +30026,6 @@ __metadata: languageName: node linkType: hard -"util@npm:^0.12.5": - version: 0.12.5 - resolution: "util@npm:0.12.5" - dependencies: - inherits: "npm:^2.0.3" - is-arguments: "npm:^1.0.4" - is-generator-function: "npm:^1.0.7" - is-typed-array: "npm:^1.1.3" - which-typed-array: "npm:^1.1.2" - checksum: 10c0/c27054de2cea2229a66c09522d0fa1415fb12d861d08523a8846bf2e4cbf0079d4c3f725f09dcb87493549bcbf05f5798dce1688b53c6c17201a45759e7253f3 - languageName: node - linkType: hard - "utility-types@npm:^3.11.0": version: 3.11.0 resolution: "utility-types@npm:3.11.0" @@ -30531,7 +30058,7 @@ __metadata: languageName: node linkType: hard -"uuid@npm:^9.0.0, uuid@npm:^9.0.1": +"uuid@npm:^9.0.1": version: 9.0.1 resolution: "uuid@npm:9.0.1" bin: @@ -31098,7 +30625,7 @@ __metadata: languageName: node linkType: hard -"which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.2, which-typed-array@npm:^1.1.9": +"which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.9": version: 1.1.15 resolution: "which-typed-array@npm:1.1.15" dependencies: @@ -31374,7 +30901,7 @@ __metadata: languageName: node linkType: hard -"ws@npm:^8.11.0, ws@npm:^8.2.3": +"ws@npm:^8.11.0": version: 8.13.0 resolution: "ws@npm:8.13.0" peerDependencies: @@ -31389,6 +30916,21 @@ __metadata: languageName: node linkType: hard +"ws@npm:^8.18.0": + version: 8.18.3 + resolution: "ws@npm:8.18.3" + peerDependencies: + bufferutil: ^4.0.1 + utf-8-validate: ">=5.0.2" + peerDependenciesMeta: + bufferutil: + optional: true + utf-8-validate: + optional: true + checksum: 10c0/eac918213de265ef7cb3d4ca348b891a51a520d839aa51cdb8ca93d4fa7ff9f6ccb339ccee89e4075324097f0a55157c89fa3f7147bde9d8d7e90335dc087b53 + languageName: node + linkType: hard + "wsrun@npm:^5.0.0": version: 5.0.2 resolution: "wsrun@npm:5.0.2"