storybookjs · shilman · Oct 11, 2022 · Oct 4, 2022 · Oct 5, 2022 · Oct 5, 2022
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -125,7 +125,7 @@ jobs:
     executor:
       class: medium+
       name: sb_node_14_browsers
-    parallelism: 7
+    parallelism: 6
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: '--depth 1 --verbose'

diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -3,36 +3,23 @@
   // Hover to view descriptions of existing attributes.
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
-  "configurations": [{
-    "type": "node",
-    "request": "launch",
-    "name": "official-storybook",
-    "runtimeExecutable": "npm",
-    "cwd": "${workspaceFolder}/code/examples/official-storybook",
-    "runtimeArgs": [
-      "run-script",
-      "debug"
-    ],
-    "port": 9229,
-    "skipFiles": [
-      "<node_internals>/**"
-    ]
-  }, {
-    "type": "node",
-    "request": "launch",
-    "name": "cli html",
-    "cwd": "${workspaceFolder}/code/lib/cli/stories",
-    "runtimeArgs": [
-      "--inspect-brk",
-      "${workspaceFolder}/code/lib/cli/bin/index.js",
-      "init",
-      "--type",
-      "html"
-    ],
-    "port": 9229,
-    "skipFiles": [
-      "<node_internals>/**"
-    ]
-  }
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "cli html",
+      "cwd": "${workspaceFolder}/code/lib/cli/stories",
+      "runtimeArgs": [
+        "--inspect-brk",
+        "${workspaceFolder}/code/lib/cli/bin/index.js",
+        "init",
+        "--type",
+        "html"
+      ],
+      "port": 9229,
+      "skipFiles": [
+        "<node_internals>/**"
+      ]
+    }
   ]
-}
+}
diff --git a/README.md b/README.md
@@ -90,17 +90,18 @@ For additional help, join us in the [Storybook Discord](https://discord.gg/story
 
 | Renderer                                                       | Demo                                                                                                                                                                                             |                                                                                                                                                   |
 |----------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------|
-| [React](code/renderers/react)                                  | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                      |
-| [Vue](code/renderers/vue)                                      | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                    | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue)                                            |
-| [Angular](code/frameworks/angular/)                            | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/)                                     | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/)                              |
-| [Web components](code/renderers/web-components)                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components)                   |
-| [React Native](https://github.com/storybookjs/react-native)    | -                                                                                                                                                                                                | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native) |
-| [HTML](code/renderers/html)                                    | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                  | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html)                                         |
-| [Ember](code/frameworks/ember/)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/)                                         | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/)                                    |
-| [Svelte](code/renderers/svelte)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte)                                   |
-| [Preact](code/renderers/preact)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact)                                   |
-| [Marionette.js](https://github.com/storybookjs/marionette)     | -                                                                                                                                                                                                | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette)    |
-| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html) | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native)                   |
+| ?                                                              | TODO, the link below will break                                                                                                                                                                  | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                       |
+| [React](code/renderers/react)                                  | [![Storybook demo](https://img.shields.io/npm/v/@storybook/react/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/official-storybook/?path=/story/*)                    | [![React](https://img.shields.io/npm/dm/@storybook/react?style=flat-square&color=eee)](code/renderers/react)                                       |
+| [Vue](code/renderers/vue)                                      | [![Storybook demo](https://img.shields.io/npm/v/@storybook/vue/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/vue-kitchen-sink/)                                     | [![Vue](https://img.shields.io/npm/dm/@storybook/vue?style=flat-square&color=eee)](code/renderers/vue)                                             |
+| [Angular](code/frameworks/angular/)                            | [![Storybook demo](https://img.shields.io/npm/v/@storybook/angular/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/angular-cli/)                                      | [![Angular](https://img.shields.io/npm/dm/@storybook/angular?style=flat-square&color=eee)](code/frameworks/angular/)                               |
+| [Web components](code/renderers/web-components)                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/web-components/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/web-components-kitchen-sink/)               | [![Svelte](https://img.shields.io/npm/dm/@storybook/web-components?style=flat-square&color=eee)](code/renderers/web-components)                    |
+| [React Native](https://github.com/storybookjs/react-native)    | -                                                                                                                                                                                                | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native?style=flat-square&color=eee)](https://github.com/storybookjs/react-native)  |
+| [HTML](code/renderers/html)                                    | [![Storybook demo](https://img.shields.io/npm/v/@storybook/html/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/html-kitchen-sink/)                                   | [![HTML](https://img.shields.io/npm/dm/@storybook/html?style=flat-square&color=eee)](code/renderers/html)                                          |
+| [Ember](code/frameworks/ember/)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/ember/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/ember-cli/)                                          | [![Ember](https://img.shields.io/npm/dm/@storybook/ember?style=flat-square&color=eee)](code/frameworks/ember/)                                     |
+| [Svelte](code/renderers/svelte)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/svelte/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/svelte-kitchen-sink/)                               | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte?style=flat-square&color=eee)](code/renderers/svelte)                                    |
+| [Preact](code/renderers/preact)                                | [![Storybook demo](https://img.shields.io/npm/v/@storybook/preact/latest?style=flat-square&color=blue&label)](https://storybookjs.netlify.com/preact-kitchen-sink/)                               | [![Preact](https://img.shields.io/npm/dm/@storybook/preact?style=flat-square&color=eee)](code/renderers/preact)                                    |
+| [Marionette.js](https://github.com/storybookjs/marionette)     | -                                                                                                                                                                                                | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette?style=flat-square&color=eee)](https://github.com/storybookjs/marionette)     |
+| [Android, iOS, Flutter](https://github.com/storybookjs/native) | [![Storybook demo](https://img.shields.io/npm/v/@storybook/native/latest?style=flat-square&color=blue&label)](https://storybookjs.github.io/native/@storybook/native-flutter-example/index.html)   | [![Native](https://img.shields.io/npm/dm/@storybook/native?style=flat-square&color=eee)](https://github.com/storybookjs/native)                    |
 
 ### Sub Projects
 

diff --git a/code/addons/docs/docs/docspage.md b/code/addons/docs/docs/docspage.md
@@ -145,7 +145,7 @@ export default {
 };
 ```
 
-You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. For more info see the examples in [official-storybook](https://github.com/storybookjs/storybook/blob/next/code/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js).
+You can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance.
 
 ## Story file names
 

diff --git a/code/addons/docs/src/typings.d.ts b/code/addons/docs/src/typings.d.ts
@@ -4,7 +4,6 @@ declare module '@egoist/vue-to-react';
 declare module 'remark-slug';
 declare module 'remark-external-links';
 declare module 'babel-plugin-react-docgen';
-declare module 'styled-components';
 declare module 'acorn-jsx';
 declare module 'vue/dist/vue';
 

diff --git a/code/addons/docs/template/stories/stories-mdx/colorpalette.stories.mdx b/code/addons/docs/template/stories/stories-mdx/colorpalette.stories.mdx
diff --git a/code/addons/docs/template/stories/stories-mdx/markdown.stories.mdx b/code/addons/docs/template/stories/stories-mdx/markdown.stories.mdx
diff --git a/code/addons/storyshots/storyshots-puppeteer/README.md b/code/addons/storyshots/storyshots-puppeteer/README.md
@@ -199,7 +199,6 @@ Those can be customized with `setupTimeout` and `testTimeout` parameters.
 ### Integrate Puppeteer storyshots with regular app
 
 You may want to use another Jest project to run your Puppeteer storyshots as they require more resources: Chrome and Storybook built/served.
-You can find a working example of this in the [official-storybook](https://github.com/storybookjs/storybook/tree/main/examples/official-storybook) example.
 
 ### Integrate Puppeteer storyshots with [Create React App](https://github.com/facebookincubator/create-react-app)
 

diff --git a/code/examples/README.md b/code/examples/README.md
@@ -4,7 +4,6 @@ Live examples of these:
 
 ### Next release
 
-- [React Official](https://next--storybookjs.netlify.com/official-storybook/)
 - [Vue](https://next--storybookjs.netlify.com/vue-kitchen-sink/)
 - [Angular](https://next--storybookjs.netlify.com/angular-cli/)
 - [HTML](https://next--storybookjs.netlify.com/html-kitchen-sink/)
@@ -14,7 +13,6 @@ Live examples of these:
 
 ### Current release
 
-- [React Official](https://storybookjs.netlify.com/official-storybook/)
 - [Vue](https://storybookjs.netlify.com/vue-kitchen-sink/)
 - [Angular](https://storybookjs.netlify.com/angular-cli/)
 - [HTML](https://storybookjs.netlify.com/html-kitchen-sink/)

diff --git a/code/examples/official-storybook/.env b/code/examples/official-storybook/.env
diff --git a/code/examples/official-storybook/.env.development b/code/examples/official-storybook/.env.development
diff --git a/code/examples/official-storybook/README.md b/code/examples/official-storybook/README.md
diff --git a/code/examples/official-storybook/babel.config.js b/code/examples/official-storybook/babel.config.js
diff --git a/code/examples/official-storybook/components/BaseButton.js b/code/examples/official-storybook/components/BaseButton.js