diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json index c807d317719e..825715f88978 100644 --- a/code/addons/essentials/package.json +++ b/code/addons/essentials/package.json @@ -93,16 +93,6 @@ "require": "./dist/outline/manager.js", "import": "./dist/outline/manager.mjs" }, - "./themes/manager": { - "types": "./dist/themes/manager.d.ts", - "require": "./dist/themes/manager.js", - "import": "./dist/themes/manager.mjs" - }, - "./themes/preview": { - "types": "./dist/themes/preview.d.ts", - "require": "./dist/themes/preview.js", - "import": "./dist/themes/preview.mjs" - }, "./toolbars/manager": { "types": "./dist/toolbars/manager.d.ts", "require": "./dist/toolbars/manager.js", @@ -136,7 +126,6 @@ "@storybook/addon-highlight": "workspace:*", "@storybook/addon-measure": "workspace:*", "@storybook/addon-outline": "workspace:*", - "@storybook/addon-themes": "workspace:*", "@storybook/addon-toolbars": "workspace:*", "@storybook/addon-viewport": "workspace:*", "@storybook/core-common": "workspace:*", @@ -173,9 +162,7 @@ "./src/outline/preview.ts", "./src/outline/manager.ts", "./src/toolbars/manager.ts", - "./src/viewport/manager.ts", - "./src/themes/manager.ts", - "./src/themes/preview.ts" + "./src/viewport/manager.ts" ], "platform": "node" }, diff --git a/code/addons/essentials/src/index.ts b/code/addons/essentials/src/index.ts index d7762ff88033..358cf796a579 100644 --- a/code/addons/essentials/src/index.ts +++ b/code/addons/essentials/src/index.ts @@ -50,7 +50,6 @@ export function addons(options: PresetOptions) { 'measure', 'outline', 'highlight', - 'themes', ] .filter((key) => (options as any)[key] !== false) .filter((addon) => !checkInstalled(addon, main)) diff --git a/code/addons/essentials/src/themes/manager.ts b/code/addons/essentials/src/themes/manager.ts deleted file mode 100644 index 84a500ab3a74..000000000000 --- a/code/addons/essentials/src/themes/manager.ts +++ /dev/null @@ -1 +0,0 @@ -export * from '@storybook/addon-themes/manager'; diff --git a/code/addons/essentials/src/themes/preview.ts b/code/addons/essentials/src/themes/preview.ts deleted file mode 100644 index 08db0c7bf907..000000000000 --- a/code/addons/essentials/src/themes/preview.ts +++ /dev/null @@ -1,2 +0,0 @@ -// eslint-disable-next-line import/export -export * from '@storybook/addon-themes/preview'; diff --git a/code/addons/themes/README.md b/code/addons/themes/README.md index bbc5506c4d97..52c20f5dfeb9 100644 --- a/code/addons/themes/README.md +++ b/code/addons/themes/README.md @@ -6,7 +6,7 @@ Storybook Addon Themes can be used which between multiple themes for components ## Usage -Requires Storybook 7.0 or later. Themes is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Requires Storybook 7.0 or later. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-themes diff --git a/code/addons/themes/docs/getting-started/bootstrap.md b/code/addons/themes/docs/getting-started/bootstrap.md index cfdba14a73b0..a5070d6a3032 100644 --- a/code/addons/themes/docs/getting-started/bootstrap.md +++ b/code/addons/themes/docs/getting-started/bootstrap.md @@ -2,7 +2,7 @@ ## 📦 Install addon -**NOTE:** As of Storybook 7.2, `@storybook/addon-themes` ships in `@storybook/addon-essentials`. If you're using Storybook >= 7.2, skip to ["Import Bootstrap"](#🥾-import-bootstrap). + To get started, **install the package** as a dev dependency diff --git a/code/addons/themes/docs/getting-started/emotion.md b/code/addons/themes/docs/getting-started/emotion.md index 6914e61e3e47..4d5118d0785d 100644 --- a/code/addons/themes/docs/getting-started/emotion.md +++ b/code/addons/themes/docs/getting-started/emotion.md @@ -2,7 +2,7 @@ ## 📦 Install addon -**NOTE:** As of Storybook 7.2, `@storybook/addon-themes` ships in `@storybook/addon-essentials`. If you're using Storybook >= 7.2, skip to ["Provide your themes"](#🎨-provide-your-themes). + To get started, **install the package** as a dev dependency diff --git a/code/addons/themes/docs/getting-started/material-ui.md b/code/addons/themes/docs/getting-started/material-ui.md index d33249be1edd..267705d29340 100644 --- a/code/addons/themes/docs/getting-started/material-ui.md +++ b/code/addons/themes/docs/getting-started/material-ui.md @@ -2,7 +2,7 @@ ## 📦 Install addon -**NOTE:** As of Storybook 7.2, `@storybook/addon-themes` ships in `@storybook/addon-essentials`. If you're using Storybook >= 7.2, skip to ["Import fonts"](#🔤-import-fonts). + To get started, **install the package** as a dev dependency diff --git a/code/addons/themes/docs/getting-started/styled-components.md b/code/addons/themes/docs/getting-started/styled-components.md index d6cae156d8e1..514e95f25a85 100644 --- a/code/addons/themes/docs/getting-started/styled-components.md +++ b/code/addons/themes/docs/getting-started/styled-components.md @@ -2,7 +2,7 @@ ## 📦 Install addon -**NOTE:** As of Storybook 7.2, `@storybook/addon-themes` ships in `@storybook/addon-essentials`. If you're using Storybook >= 7.2, skip to ["Provide your themes"](#🎨-provide-your-themes). + To get started, **install the package** as a dev dependency diff --git a/code/addons/themes/docs/getting-started/tailwind.md b/code/addons/themes/docs/getting-started/tailwind.md index 2225a993af00..6156c45757a0 100644 --- a/code/addons/themes/docs/getting-started/tailwind.md +++ b/code/addons/themes/docs/getting-started/tailwind.md @@ -2,7 +2,7 @@ ## 📦 Install addon -**NOTE:** As of Storybook 7.2, `@storybook/addon-themes` ships in `@storybook/addon-essentials`. If you're using Storybook >= 7.2, skip to ["Import your css"](#🥾-import-your-css). + To get started, **install the package** as a dev dependency diff --git a/code/yarn.lock b/code/yarn.lock index 1f98569497a5..aea372753e6e 100644 --- a/code/yarn.lock +++ b/code/yarn.lock @@ -5715,7 +5715,6 @@ __metadata: "@storybook/addon-highlight": "workspace:*" "@storybook/addon-measure": "workspace:*" "@storybook/addon-outline": "workspace:*" - "@storybook/addon-themes": "workspace:*" "@storybook/addon-toolbars": "workspace:*" "@storybook/addon-viewport": "workspace:*" "@storybook/core-common": "workspace:*" @@ -6028,7 +6027,7 @@ __metadata: languageName: unknown linkType: soft -"@storybook/addon-themes@workspace:*, @storybook/addon-themes@workspace:addons/themes": +"@storybook/addon-themes@workspace:addons/themes": version: 0.0.0-use.local resolution: "@storybook/addon-themes@workspace:addons/themes" dependencies: diff --git a/docs/essentials/introduction.md b/docs/essentials/introduction.md index 73cdf81dcb4b..7a16ef0962d9 100644 --- a/docs/essentials/introduction.md +++ b/docs/essentials/introduction.md @@ -10,7 +10,6 @@ A major strength of Storybook are [addons](https://storybook.js.org/addons) that - [Docs](../writing-docs/introduction.md) - [Highlight](./highlight.md) - [Measure & outline](./measure-and-outline.md) -- [Themes](./themes.md) - [Toolbars & globals](./toolbars-and-globals.md) - [Viewport](./viewport.md) @@ -98,7 +97,6 @@ Below is an abridged configuration and table with all the available options for | `@storybook/addon-backgrounds` | N/A | N/A | | `@storybook/addon-toolbars` | N/A | N/A | | `@storybook/addon-measure` | N/A | N/A | -| `@storybook/addon-themes` | N/A | Provide and switch between multiple themes for components inside the preview in [Storybook](https://storybook.js.org). | When you start Storybook, your custom configuration will override the default. @@ -121,6 +119,6 @@ For example, if you wanted to disable the [backgrounds addon](./backgrounds.md),
-💡 You can use the following keys for each individual addon: `actions`, `backgrounds`, `controls`, `docs`, `viewport`, `toolbars`, `measure`, `outline`, `highlight`, `themes`. +💡 You can use the following keys for each individual addon: `actions`, `backgrounds`, `controls`, `docs`, `viewport`, `toolbars`, `measure`, `outline`, and `highlight`.
diff --git a/docs/toc.js b/docs/toc.js index 5eb54b5ac59b..79a597caf0d9 100644 --- a/docs/toc.js +++ b/docs/toc.js @@ -247,11 +247,11 @@ module.exports = { title: 'Measure & Outline', type: 'link', }, - { - pathSegment: 'themes', - title: 'Themes', - type: 'link', - }, + // { + // pathSegment: 'themes', + // title: 'Themes', + // type: 'link', + // }, { pathSegment: 'toolbars-and-globals', title: 'Toolbars & globals',