From 75308e439c662188e4c51005e53fd94b264075a6 Mon Sep 17 00:00:00 2001 From: Nathan Kluth Date: Fri, 17 Nov 2023 11:49:58 -0700 Subject: [PATCH] rm storybook from nextjs --- .github/workflows/code-check.yml | 8 +- package.json | 10 -- .../.storybook/decorators/TestHarness.tsx | 25 --- packages/nextjs/.storybook/main.ts | 19 --- packages/nextjs/.storybook/preview.ts | 22 --- packages/nextjs/.storybook/types/index.ts | 29 ---- packages/nextjs/package.json | 7 +- packages/shared-ui/package.json | 12 +- pnpm-lock.yaml | 149 +++++++++++------- 9 files changed, 106 insertions(+), 175 deletions(-) delete mode 100644 packages/nextjs/.storybook/decorators/TestHarness.tsx delete mode 100644 packages/nextjs/.storybook/main.ts delete mode 100644 packages/nextjs/.storybook/preview.ts delete mode 100644 packages/nextjs/.storybook/types/index.ts diff --git a/.github/workflows/code-check.yml b/.github/workflows/code-check.yml index daa08c29..53fdad6f 100644 --- a/.github/workflows/code-check.yml +++ b/.github/workflows/code-check.yml @@ -83,22 +83,22 @@ jobs: run: pnpm build - name: "Storybook: Install Extra Dependencies" - working-directory: packages/nextjs + working-directory: packages/shared-ui run: pnpm exec playwright install - name: "Storybook: Build" - working-directory: packages/nextjs + working-directory: packages/shared-ui run: pnpm run storybook:build - name: "Storybook: Chromatic" uses: chromaui/action@v1 # Chromatic GitHub Action options with: - workingDir: packages/nextjs + workingDir: packages/shared-ui storybookBuildDir: storybook-static exitOnceUploaded: true projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} - name: "Storybook: Run Tests" - working-directory: packages/nextjs + working-directory: packages/shared-ui run: pnpm run test:storybook:start diff --git a/package.json b/package.json index 7b6509df..97376f93 100644 --- a/package.json +++ b/package.json @@ -27,15 +27,6 @@ "test:e2e-mock:start": "start-server-and-test next:dev:mock http://localhost:3000 test:e2e-mock" }, "devDependencies": { - "@storybook/addon-essentials": "^7.4.0", - "@storybook/addon-interactions": "^7.4.0", - "@storybook/addon-links": "^7.4.0", - "@storybook/addon-onboarding": "^1.0.8", - "@storybook/blocks": "^7.4.0", - "@storybook/jest": "^0.2.2", - "@storybook/react": "^7.4.0", - "@storybook/test-runner": "^0.13.0", - "@storybook/testing-library": "^0.2.0", "@types/node": "20.8.7", "@types/react": "18.2.0", "@types/react-dom": "18.2.0", @@ -52,7 +43,6 @@ "plop": "^4.0.0", "prettier": "^2.8.2", "start-server-and-test": "^1.15.2", - "storybook": "^7.4.0", "tailwindcss": "^3.1.8", "typescript": "5.2.2" }, diff --git a/packages/nextjs/.storybook/decorators/TestHarness.tsx b/packages/nextjs/.storybook/decorators/TestHarness.tsx deleted file mode 100644 index 9329fb29..00000000 --- a/packages/nextjs/.storybook/decorators/TestHarness.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { FC, PropsWithChildren } from "react"; -import { Decorator } from "@storybook/react"; -import { MotionConfig, MotionConfigProps } from "framer-motion"; -import { TypedParameters } from "../types"; - -declare module "../types" { - export interface TypedParameters extends TestHarnessProps {} -} - -export type TestHarnessProps = { - motionConfig?: MotionConfigProps; -}; - -export const TestHarness: FC> = ({ motionConfig, children }) => { - return {children}; -}; - -export const TestHarnessDecorator: Decorator = (Story, ctx) => { - const { motionConfig } = ctx.parameters as TypedParameters; - return ( - - - - ); -}; diff --git a/packages/nextjs/.storybook/main.ts b/packages/nextjs/.storybook/main.ts deleted file mode 100644 index 055af61a..00000000 --- a/packages/nextjs/.storybook/main.ts +++ /dev/null @@ -1,19 +0,0 @@ -import type { StorybookConfig } from "@storybook/nextjs"; - -const config: StorybookConfig = { - stories: ["../**/*.mdx", "../**/*.stories.@(js|jsx|mjs|ts|tsx)"], - addons: [ - "@storybook/addon-links", - "@storybook/addon-essentials", - "@storybook/addon-onboarding", - "@storybook/addon-interactions", - ], - framework: { - name: "@storybook/nextjs", - options: {}, - }, - docs: { - autodocs: "tag", - }, -}; -export default config; diff --git a/packages/nextjs/.storybook/preview.ts b/packages/nextjs/.storybook/preview.ts deleted file mode 100644 index 0410a069..00000000 --- a/packages/nextjs/.storybook/preview.ts +++ /dev/null @@ -1,22 +0,0 @@ -import type { Preview } from "@storybook/react"; - -import "../styles/global.css"; -import { TestHarnessDecorator } from "./decorators/TestHarness"; - -const preview: Preview = { - parameters: { - actions: { argTypesRegex: "^on[A-Z].*" }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - }, - decorators: [ - // List all global decorators: - TestHarnessDecorator, - ], -}; - -export default preview; diff --git a/packages/nextjs/.storybook/types/index.ts b/packages/nextjs/.storybook/types/index.ts deleted file mode 100644 index 5f4531f5..00000000 --- a/packages/nextjs/.storybook/types/index.ts +++ /dev/null @@ -1,29 +0,0 @@ -import { StoryObj as _StoryObj, Meta as _Meta } from "@storybook/react"; - -/* - Storybook does not give us strongly-typed parameters, - so we're going to export our own overrides. - */ - -export interface TypedParameters { - /* - This interface intentionally left blank, - so that it can be extended by the decorators that use it. - */ -} - -type Override = TOverrides & Omit; - -export type StoryObj = Override< - _StoryObj, - { - parameters?: TypedParameters; - } ->; - -export type Meta = Override< - _Meta, - { - parameters?: TypedParameters; - } ->; diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json index 8fa4a799..9fc81dff 100644 --- a/packages/nextjs/package.json +++ b/packages/nextjs/package.json @@ -13,12 +13,7 @@ "test:unit": "jest", "test:unit:watch": "jest --watch", "lint": "next lint --quiet", - "typecheck": "tsc --noEmit", - "storybook": "storybook dev -p 6006", - "storybook:build": "storybook build", - "storybook:start": "test -d storybook-static || pnpm run storybook:build && http-server --port 6006 --silent true storybook-static", - "test:storybook": "test-storybook --verbose --maxWorkers 1", - "test:storybook:start": "start-server-and-test 'pnpm run storybook:start' 6006 'pnpm run test:storybook'" + "typecheck": "tsc --noEmit" }, "dependencies": { "@sanity/client": "^3.3.6", diff --git a/packages/shared-ui/package.json b/packages/shared-ui/package.json index 840997ce..c4ea7e40 100644 --- a/packages/shared-ui/package.json +++ b/packages/shared-ui/package.json @@ -38,6 +38,16 @@ "http-server": "^14.1.1", "react": "18.2.0", "react-dom": "18.2.0", - "tsup": "^7.2.0" + "tsup": "^7.2.0", + "storybook": "^7.4.0", + "@storybook/addon-essentials": "^7.4.0", + "@storybook/addon-interactions": "^7.4.0", + "@storybook/addon-links": "^7.4.0", + "@storybook/addon-onboarding": "^1.0.8", + "@storybook/blocks": "^7.4.0", + "@storybook/jest": "^0.2.2", + "@storybook/react": "^7.4.0", + "@storybook/test-runner": "^0.13.0", + "@storybook/testing-library": "^0.2.0" } } \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b21cc0b3..66512efd 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -12,33 +12,6 @@ importers: .: devDependencies: - '@storybook/addon-essentials': - specifier: ^7.4.0 - version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-interactions': - specifier: ^7.4.0 - version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-links': - specifier: ^7.4.0 - version: 7.5.3 - '@storybook/addon-onboarding': - specifier: ^1.0.8 - version: 1.0.8 - '@storybook/blocks': - specifier: ^7.4.0 - version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/jest': - specifier: ^0.2.2 - version: 0.2.3 - '@storybook/react': - specifier: ^7.4.0 - version: 7.5.3(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2) - '@storybook/test-runner': - specifier: ^0.13.0 - version: 0.13.0(@types/node@20.8.7) - '@storybook/testing-library': - specifier: ^0.2.0 - version: 0.2.2 '@types/node': specifier: 20.8.7 version: 20.8.7 @@ -87,9 +60,6 @@ importers: start-server-and-test: specifier: ^1.15.2 version: 1.15.5 - storybook: - specifier: ^7.4.0 - version: 7.5.3 tailwindcss: specifier: ^3.1.8 version: 3.3.5 @@ -308,9 +278,36 @@ importers: '@storybook/addon-actions': specifier: ^7.5.2 version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-essentials': + specifier: ^7.4.0 + version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-interactions': + specifier: ^7.4.0 + version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-links': + specifier: ^7.4.0 + version: 7.5.3(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-onboarding': + specifier: ^1.0.8 + version: 1.0.8(react-dom@18.2.0)(react@18.2.0) + '@storybook/blocks': + specifier: ^7.4.0 + version: 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/jest': + specifier: ^0.2.2 + version: 0.2.3 + '@storybook/react': + specifier: ^7.4.0 + version: 7.5.3(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2) '@storybook/react-vite': specifier: ^7.5.2 version: 7.5.3(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2) + '@storybook/test-runner': + specifier: ^0.13.0 + version: 0.13.0(@types/node@20.8.7) + '@storybook/testing-library': + specifier: ^0.2.0 + version: 0.2.2 '@types/lodash.debounce': specifier: ^4.0.7 version: 4.0.8 @@ -323,6 +320,9 @@ importers: react-dom: specifier: 18.2.0 version: 18.2.0(react@18.2.0) + storybook: + specifier: ^7.4.0 + version: 7.5.3 tsup: specifier: ^7.2.0 version: 7.2.0(typescript@5.2.2) @@ -3002,13 +3002,14 @@ packages: call-bind: 1.0.5 dev: true - /@mdx-js/react@2.3.0: + /@mdx-js/react@2.3.0(react@18.2.0): resolution: {integrity: sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==} peerDependencies: react: '>=16' dependencies: '@types/mdx': 2.0.9 '@types/react': 18.2.0 + react: 18.2.0 dev: true /@motionone/animation@10.16.3: @@ -4401,7 +4402,7 @@ packages: - '@types/react-dom' dev: true - /@storybook/addon-backgrounds@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-backgrounds@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-UCOVd4UNIL5FRiwi9nyiWFocn/7ewwS6bIWnq66AaHg/sv92YwsPmgQJn0DMBGDOvUAWpiHdVsZNOTX6nvw4gA==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4421,13 +4422,15 @@ packages: '@storybook/theming': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/types': 7.5.3 memoizerific: 1.11.3 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) ts-dedent: 2.2.0 transitivePeerDependencies: - '@types/react' - '@types/react-dom' dev: true - /@storybook/addon-controls@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-controls@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-KEuU4X5Xr6cJI9xrzOUVGEmUf1iHPfK7cj0GACKv0GElsdIsQryv+OZ7gRnvmNax/e2hm2t9cJcFxB24/p6rVg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4438,7 +4441,7 @@ packages: react-dom: optional: true dependencies: - '@storybook/blocks': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) + '@storybook/blocks': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) '@storybook/client-logger': 7.5.3 '@storybook/components': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) '@storybook/core-common': 7.5.3 @@ -4449,6 +4452,8 @@ packages: '@storybook/theming': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/types': 7.5.3 lodash: 4.17.21 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) ts-dedent: 2.2.0 transitivePeerDependencies: - '@types/react' @@ -4457,15 +4462,15 @@ packages: - supports-color dev: true - /@storybook/addon-docs@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-docs@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-JVQ6iCXKESij/SbE4Wq47dkSSgBRulvA8SUf8NWL5m9qpiHrg0lPSERHfoTLiB5uC/JwF0OKIlhxoWl+zCmtYg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: '@jest/transform': 29.7.0 - '@mdx-js/react': 2.3.0 - '@storybook/blocks': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) + '@mdx-js/react': 2.3.0(react@18.2.0) + '@storybook/blocks': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) '@storybook/client-logger': 7.5.3 '@storybook/components': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) '@storybook/csf-plugin': 7.5.3 @@ -4479,6 +4484,8 @@ packages: '@storybook/theming': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/types': 7.5.3 fs-extra: 11.1.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) remark-external-links: 8.0.0 remark-slug: 6.1.0 ts-dedent: 2.2.0 @@ -4489,25 +4496,27 @@ packages: - supports-color dev: true - /@storybook/addon-essentials@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-essentials@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-PYj6swEI4nEzIbOTyHJB8u3K8ABYKoaW8XB5emMwsnrzB/TN7auHVhze2bQ/+ax5wyPKZpArPjxbWlSHtSws+A==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: '@storybook/addon-actions': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) - '@storybook/addon-backgrounds': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-controls': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-docs': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) + '@storybook/addon-backgrounds': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-controls': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-docs': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) '@storybook/addon-highlight': 7.5.3 - '@storybook/addon-measure': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-outline': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-toolbars': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) - '@storybook/addon-viewport': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0) + '@storybook/addon-measure': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-outline': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-toolbars': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-viewport': 7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0) '@storybook/core-common': 7.5.3 '@storybook/manager-api': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/node-logger': 7.5.3 '@storybook/preview-api': 7.5.3 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) ts-dedent: 2.2.0 transitivePeerDependencies: - '@types/react' @@ -4524,7 +4533,7 @@ packages: '@storybook/preview-api': 7.5.3 dev: true - /@storybook/addon-interactions@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-interactions@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-gD3cU8sYSM/mdbA9ooYIb4c689JkDsJbZ17vfYJ5RjNkSmqKehybdpZOfkj27sVIyFtmscSi75t+pzK4Pv4rZw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4547,6 +4556,8 @@ packages: '@storybook/types': 7.5.3 jest-mock: 27.5.1 polished: 4.2.2 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) ts-dedent: 2.2.0 transitivePeerDependencies: - '@types/react' @@ -4555,7 +4566,7 @@ packages: - supports-color dev: true - /@storybook/addon-links@7.5.3: + /@storybook/addon-links@7.5.3(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-NcigW0HX8AllZ/KJ4u1KMiK30QvjqtC+zApI6Yc3tTaa6+BldbLv06fEgHgMY0yC8R+Ly9mUN7S1HiU7LQ7Qxg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4575,10 +4586,12 @@ packages: '@storybook/router': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/types': 7.5.3 prop-types: 15.8.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) ts-dedent: 2.2.0 dev: true - /@storybook/addon-measure@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-measure@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-fun9BqUTGXgcMpcbX9wUowGDkjCL8oKasZbjp/MvGM3vPTM6HQdwzHTLJGPBnmJ1xK92NhwFRs0BrQX6uF1yrg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4596,26 +4609,30 @@ packages: '@storybook/manager-api': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/preview-api': 7.5.3 '@storybook/types': 7.5.3 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) tiny-invariant: 1.3.1 transitivePeerDependencies: - '@types/react' - '@types/react-dom' dev: true - /@storybook/addon-onboarding@1.0.8: + /@storybook/addon-onboarding@1.0.8(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-3WwCocUuTibHWO89uzAbeONEn6x9NkmxA0mOU4rYPhEsMQ4NDNDD1GXcievZmpwt5VviFgw5FRx8+BxPn54YmQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: '@storybook/telemetry': 7.5.3 - react-confetti: 6.1.0 + react: 18.2.0 + react-confetti: 6.1.0(react@18.2.0) + react-dom: 18.2.0(react@18.2.0) transitivePeerDependencies: - encoding - supports-color dev: true - /@storybook/addon-outline@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-outline@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-c9vCi1SCGrtWr8qaOu/1GNWlrlrpl2lg4F9r+xtYf/KopenI3jSMz0YeTfmepZGAl+6Yc2Ywhm60jgpQ6SKciA==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4633,13 +4650,15 @@ packages: '@storybook/manager-api': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/preview-api': 7.5.3 '@storybook/types': 7.5.3 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) ts-dedent: 2.2.0 transitivePeerDependencies: - '@types/react' - '@types/react-dom' dev: true - /@storybook/addon-toolbars@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-toolbars@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-KdLr4sGMJzhtjNTNE2ocfu58yOHHUyZ/cI3BTp7a0gq9YbUpHmC3XTNr26/yOYYrdjkiMD26XusJUjXe+/V2xw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4655,12 +4674,14 @@ packages: '@storybook/manager-api': 7.5.3(react-dom@18.2.0)(react@18.2.0) '@storybook/preview-api': 7.5.3 '@storybook/theming': 7.5.3(react-dom@18.2.0)(react@18.2.0) + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) transitivePeerDependencies: - '@types/react' - '@types/react-dom' dev: true - /@storybook/addon-viewport@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/addon-viewport@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-gT2XX0NNBrzSs1nrxadl6LnvcwgN7z2R0LzTK8/hxvx4D0EnXrV3feXLzjewr8ZYjzfEeSpO+W+bQTVNm3fNsg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4680,12 +4701,14 @@ packages: '@storybook/theming': 7.5.3(react-dom@18.2.0)(react@18.2.0) memoizerific: 1.11.3 prop-types: 15.8.1 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) transitivePeerDependencies: - '@types/react' - '@types/react-dom' dev: true - /@storybook/blocks@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0): + /@storybook/blocks@7.5.3(@types/react-dom@18.2.0)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-Z8yF820v78clQWkwG5OA5qugbQn7rtutq9XCsd03NDB+IEfDaTFQAZG8gs62ZX2ZaXAJsqJSr/mL9oURzXto2A==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4706,10 +4729,12 @@ packages: color-convert: 2.0.1 dequal: 2.0.3 lodash: 4.17.21 - markdown-to-jsx: 7.3.2 + markdown-to-jsx: 7.3.2(react@18.2.0) memoizerific: 1.11.3 polished: 4.2.2 - react-colorful: 5.6.1 + react: 18.2.0 + react-colorful: 5.6.1(react-dom@18.2.0)(react@18.2.0) + react-dom: 18.2.0(react@18.2.0) telejson: 7.2.0 tocbot: 4.21.6 ts-dedent: 2.2.0 @@ -13605,11 +13630,13 @@ packages: resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==} dev: true - /markdown-to-jsx@7.3.2: + /markdown-to-jsx@7.3.2(react@18.2.0): resolution: {integrity: sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==} engines: {node: '>= 10'} peerDependencies: react: '>= 0.14.0' + dependencies: + react: 18.2.0 dev: true /md5-o-matic@0.1.1: @@ -15287,19 +15314,23 @@ packages: react: 18.2.0 dev: false - /react-colorful@5.6.1: + /react-colorful@5.6.1(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==} peerDependencies: react: '>=16.8.0' react-dom: '>=16.8.0' + dependencies: + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) dev: true - /react-confetti@6.1.0: + /react-confetti@6.1.0(react@18.2.0): resolution: {integrity: sha512-7Ypx4vz0+g8ECVxr88W9zhcQpbeujJAVqL14ZnXJ3I23mOI9/oBVTQ3dkJhUmB0D6XOtCZEM6N0Gm9PMngkORw==} engines: {node: '>=10.18'} peerDependencies: react: ^16.3.0 || ^17.0.1 || ^18.0.0 dependencies: + react: 18.2.0 tween-functions: 1.2.0 dev: true