Release: Prerelease 7.1.0-beta.1

.github/ISSUE_TEMPLATE/feature_request.yml → .github/DISCUSSION_TEMPLATE/ideas.yml

@@ -1,14 +1,11 @@
-name: Feature request 💡
-description: Suggest an idea for this project
-title: '[Feature Request]:'
 labels:
   - needs triage
   - feature request
 body:
   - type: textarea
     id: problem
     attributes:
-      label: Is your feature request related to a problem? Please describe
+      label: Is your feature request related to a problem? Please describe.
       description: >-
         A clear and concise description of the problem. E.g. I'm always
         frustrated when [...]

.github/ISSUE_TEMPLATE/config.yml

@@ -2,10 +2,16 @@ blank_issues_enabled: false
 contact_links:
   - name: View documentation 📚
     url: https://storybook.js.org/docs/
-    about: Check out the official docs for answers to common questions
+    about: Check out the official docs for answers to common questions.
+  - name: Feature Requests 💡
+    url: https://github.com/storybookjs/storybook/discussions/new?category=ideas
+    about: Suggest a feature idea for this project.
+  - name: Open an RFC 🦄
+    url: https://github.com/storybookjs/storybook/discussions/new?category=rfc
+    about: Do you want to propose a more involved change to Storybook? Open an RFC (Request for Comments) to start a discussion.
   - name: Questions & discussions 🤔
     url: https://github.com/storybookjs/storybook/discussions
-    about: Ask questions, request features & discuss RFCs
+    about: Ask questions, show off your Storybook, etc. 
   - name: Community Discord 💬
     url: https://discord.gg/storybook
     about: Community discussions, interactive support, contributor help

CHANGELOG.md

@@ -1,3 +1,35 @@
+## 7.0.26
+
+- Next.js: Fix next/image usage in latest Next.js release - [#23296](https://github.com/storybookjs/storybook/pull/23296), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
+- NextJS: Fix `useParams` support - [#22946](https://github.com/storybookjs/storybook/pull/22946), thanks [@gitstart-storybook](https://github.com/gitstart-storybook)!
+- NextJS: Allow disabling next/image lazy loading - [#21909](https://github.com/storybookjs/storybook/pull/21909), thanks [@martinnabhan](https://github.com/martinnabhan)
+
+## 7.0.25
+
+- CLI: Fix pnp paths logic in storybook metadata - [#23259](https://github.com/storybookjs/storybook/pull/23259), thanks [@yannbf](https://github.com/yannbf)!
+- Controls: Fix UI to add array items - [#22993](https://github.com/storybookjs/storybook/pull/22993), thanks [@sookmax](https://github.com/sookmax)!
+- Next.js: Support disableStaticImages setting - [#23167](https://github.com/storybookjs/storybook/pull/23167), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
+- React: Fix decorators to conditionally render children - [#22336](https://github.com/storybookjs/storybook/pull/22336), thanks [@redbugz](https://github.com/redbugz)!
+
+## 7.0.24
+
+- CLI: Parse pnp paths in storybook metadata - [#23199](https://github.com/storybookjs/storybook/pull/23199), thanks [@yannbf](https://github.com/yannbf)!
+- Dependencies: Pin `file-system-cache` to 2.3.0 - [#23221](https://github.com/storybookjs/storybook/pull/23221), thanks [@JReinhold](https://github.com/JReinhold)!
+- Svelte: Support v4 - [#22905](https://github.com/storybookjs/storybook/pull/22905), thanks [@JReinhold](https://github.com/JReinhold)!
+
+## 7.0.23
+
+- Core: Fix compat by disabling name mangling in `esbuild` require - [#22486](https://github.com/storybookjs/storybook/pull/22486), thanks [@youngboy](https://github.com/youngboy)!
+- Core: Prebundle node-logger and make it CJS only - [#23109](https://github.com/storybookjs/storybook/pull/23109), thanks [@ndelangen](https://github.com/ndelangen)!
+- NextJS: Fix fonts not loading with 3+ words in name - [#23121](https://github.com/storybookjs/storybook/pull/23121), thanks [@ygkn](https://github.com/ygkn)!
+- Telemetry: Count onboarding stories - [#23092](https://github.com/storybookjs/storybook/pull/23092), thanks [@shilman](https://github.com/shilman)!
+
+## 7.0.22
+
+- CLI: Prebundle boxen to resolve a ESM/CJS incompatibility - [#23080](https://github.com/storybookjs/storybook/pull/23080), thanks [@ndelangen](https://github.com/ndelangen)!
+- Core: Fix core-common to use node-fetch - [#23077](https://github.com/storybookjs/storybook/pull/23077), thanks [@ndelangen](https://github.com/ndelangen)!
+- Telemetry: Count onboarding stories - [#23092](https://github.com/storybookjs/storybook/pull/23092), thanks [@shilman](https://github.com/shilman)!
+
 ## 7.0.21
 
 - Angular: Fix 16.1 compatibility - [#23064](https://github.com/storybookjs/storybook/pull/23064), thanks [@ndelangen](https://github.com/ndelangen)!

CHANGELOG.prerelease.md

@@ -1,3 +1,10 @@
+## 7.1.0-beta.1
+
+- Addon-docs: Add opt-in table of contents - [#23142](https://github.com/storybookjs/storybook/pull/23142), thanks [@shilman](https://github.com/shilman)!
+- SyntaxHighlighter: Expose registerLanguage - [#23166](https://github.com/storybookjs/storybook/pull/23166), thanks [@ndelangen](https://github.com/ndelangen)!
+- Yarn: Fix pnp package resolution on Windows - [#23274](https://github.com/storybookjs/storybook/pull/23274), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
+- Yarn: Pin version of @yarnpkg packages to support Node 16 - [#23330](https://github.com/storybookjs/storybook/pull/23330), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
+
 ## 7.1.0-beta.0
 
 - Settings: Add what's new page, remove release notes - [#23202](https://github.com/storybookjs/storybook/pull/23202), thanks [@kasperpeulen](https://github.com/kasperpeulen)!

code/addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -63,16 +63,16 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-highlight": "7.1.0-beta.0",
-    "@storybook/channels": "7.1.0-beta.0",
-    "@storybook/client-logger": "7.1.0-beta.0",
-    "@storybook/components": "7.1.0-beta.0",
-    "@storybook/core-events": "7.1.0-beta.0",
+    "@storybook/addon-highlight": "7.1.0-beta.1",
+    "@storybook/channels": "7.1.0-beta.1",
+    "@storybook/client-logger": "7.1.0-beta.1",
+    "@storybook/components": "7.1.0-beta.1",
+    "@storybook/core-events": "7.1.0-beta.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-beta.0",
-    "@storybook/preview-api": "7.1.0-beta.0",
-    "@storybook/theming": "7.1.0-beta.0",
-    "@storybook/types": "7.1.0-beta.0",
+    "@storybook/manager-api": "7.1.0-beta.1",
+    "@storybook/preview-api": "7.1.0-beta.1",
+    "@storybook/theming": "7.1.0-beta.1",
+    "@storybook/types": "7.1.0-beta.1",
     "axe-core": "^4.2.0",
     "lodash": "^4.17.21",
     "react-resize-detector": "^7.1.2"

code/addons/actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Get UI feedback when an action is performed on an interactive element",
   "keywords": [
     "storybook",
@@ -80,14 +80,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-beta.0",
-    "@storybook/components": "7.1.0-beta.0",
-    "@storybook/core-events": "7.1.0-beta.0",
+    "@storybook/client-logger": "7.1.0-beta.1",
+    "@storybook/components": "7.1.0-beta.1",
+    "@storybook/core-events": "7.1.0-beta.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-beta.0",
-    "@storybook/preview-api": "7.1.0-beta.0",
-    "@storybook/theming": "7.1.0-beta.0",
-    "@storybook/types": "7.1.0-beta.0",
+    "@storybook/manager-api": "7.1.0-beta.1",
+    "@storybook/preview-api": "7.1.0-beta.1",
+    "@storybook/theming": "7.1.0-beta.1",
+    "@storybook/types": "7.1.0-beta.1",
     "dequal": "^2.0.2",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",

code/addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Switch backgrounds to view components in different settings",
   "keywords": [
     "addon",
@@ -76,14 +76,14 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.1.0-beta.0",
-    "@storybook/components": "7.1.0-beta.0",
-    "@storybook/core-events": "7.1.0-beta.0",
+    "@storybook/client-logger": "7.1.0-beta.1",
+    "@storybook/components": "7.1.0-beta.1",
+    "@storybook/core-events": "7.1.0-beta.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.1.0-beta.0",
-    "@storybook/preview-api": "7.1.0-beta.0",
-    "@storybook/theming": "7.1.0-beta.0",
-    "@storybook/types": "7.1.0-beta.0",
+    "@storybook/manager-api": "7.1.0-beta.1",
+    "@storybook/preview-api": "7.1.0-beta.1",
+    "@storybook/theming": "7.1.0-beta.1",
+    "@storybook/types": "7.1.0-beta.1",
     "memoizerific": "^1.11.3",
     "ts-dedent": "^2.0.0"
   },

code/addons/controls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Interact with component inputs dynamically in the Storybook UI",
   "keywords": [
     "addon",
@@ -68,15 +68,15 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/blocks": "7.1.0-beta.0",
-    "@storybook/client-logger": "7.1.0-beta.0",
-    "@storybook/components": "7.1.0-beta.0",
-    "@storybook/core-common": "7.1.0-beta.0",
-    "@storybook/manager-api": "7.1.0-beta.0",
-    "@storybook/node-logger": "7.1.0-beta.0",
-    "@storybook/preview-api": "7.1.0-beta.0",
-    "@storybook/theming": "7.1.0-beta.0",
-    "@storybook/types": "7.1.0-beta.0",
+    "@storybook/blocks": "7.1.0-beta.1",
+    "@storybook/client-logger": "7.1.0-beta.1",
+    "@storybook/components": "7.1.0-beta.1",
+    "@storybook/core-common": "7.1.0-beta.1",
+    "@storybook/manager-api": "7.1.0-beta.1",
+    "@storybook/node-logger": "7.1.0-beta.1",
+    "@storybook/preview-api": "7.1.0-beta.1",
+    "@storybook/theming": "7.1.0-beta.1",
+    "@storybook/types": "7.1.0-beta.1",
     "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0"
   },

code/addons/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -99,19 +99,19 @@
   "dependencies": {
     "@jest/transform": "^29.3.1",
     "@mdx-js/react": "^2.1.5",
-    "@storybook/blocks": "7.1.0-beta.0",
-    "@storybook/client-logger": "7.1.0-beta.0",
-    "@storybook/components": "7.1.0-beta.0",
-    "@storybook/csf-plugin": "7.1.0-beta.0",
-    "@storybook/csf-tools": "7.1.0-beta.0",
+    "@storybook/blocks": "7.1.0-beta.1",
+    "@storybook/client-logger": "7.1.0-beta.1",
+    "@storybook/components": "7.1.0-beta.1",
+    "@storybook/csf-plugin": "7.1.0-beta.1",
+    "@storybook/csf-tools": "7.1.0-beta.1",
     "@storybook/global": "^5.0.0",
     "@storybook/mdx2-csf": "^1.0.0",
-    "@storybook/node-logger": "7.1.0-beta.0",
-    "@storybook/postinstall": "7.1.0-beta.0",
-    "@storybook/preview-api": "7.1.0-beta.0",
-    "@storybook/react-dom-shim": "7.1.0-beta.0",
-    "@storybook/theming": "7.1.0-beta.0",
-    "@storybook/types": "7.1.0-beta.0",
+    "@storybook/node-logger": "7.1.0-beta.1",
+    "@storybook/postinstall": "7.1.0-beta.1",
+    "@storybook/preview-api": "7.1.0-beta.1",
+    "@storybook/react-dom-shim": "7.1.0-beta.1",
+    "@storybook/theming": "7.1.0-beta.1",
+    "@storybook/types": "7.1.0-beta.1",
     "fs-extra": "^11.1.0",
     "remark-external-links": "^8.0.0",
     "remark-slug": "^6.0.0",

code/addons/docs/template/stories/toc/basic.stories.ts

@@ -0,0 +1,22 @@
+import { global as globalThis } from '@storybook/global';
+
+export default {
+  component: globalThis.Components.Button,
+  tags: ['autodocs'],
+  parameters: {
+    chromatic: { disable: true },
+    docs: { toc: {} },
+  },
+};
+
+export const One = {
+  args: { label: 'One' },
+};
+
+export const Two = {
+  args: { label: 'Two' },
+};
+
+export const Three = {
+  args: { label: 'Two' },
+};

code/addons/docs/template/stories/toc/custom-selector.stories.ts

@@ -0,0 +1,14 @@
+import { global as globalThis } from '@storybook/global';
+import { One, Two, Three } from './basic.stories';
+
+export default {
+  component: globalThis.Components.Button,
+  tags: ['autodocs'],
+  parameters: {
+    chromatic: { disable: true },
+    // Select all the headings in the document
+    docs: { toc: { headingSelector: 'h1, h2, h3' } },
+  },
+};
+
+export { One, Two, Three };

code/addons/docs/template/stories/toc/custom-title.stories.ts

@@ -0,0 +1,14 @@
+import { global as globalThis } from '@storybook/global';
+import { One, Two, Three } from './basic.stories';
+
+export default {
+  component: globalThis.Components.Button,
+  tags: ['autodocs'],
+  parameters: {
+    chromatic: { disable: true },
+    // Custom title label
+    docs: { toc: { title: 'Contents' } },
+  },
+};
+
+export { One, Two, Three };

code/addons/docs/template/stories/toc/ignore-selector.stories.ts

@@ -0,0 +1,14 @@
+import { global as globalThis } from '@storybook/global';
+import { One, Two, Three } from './basic.stories';
+
+export default {
+  component: globalThis.Components.Button,
+  tags: ['autodocs'],
+  parameters: {
+    chromatic: { disable: true },
+    // Skip the first story in the TOC
+    docs: { toc: { ignoreSelector: '#one' } },
+  },
+};
+
+export { One, Two, Three };

code/addons/essentials/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -119,23 +119,23 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-actions": "7.1.0-beta.0",
-    "@storybook/addon-backgrounds": "7.1.0-beta.0",
-    "@storybook/addon-controls": "7.1.0-beta.0",
-    "@storybook/addon-docs": "7.1.0-beta.0",
-    "@storybook/addon-highlight": "7.1.0-beta.0",
-    "@storybook/addon-measure": "7.1.0-beta.0",
-    "@storybook/addon-outline": "7.1.0-beta.0",
-    "@storybook/addon-toolbars": "7.1.0-beta.0",
-    "@storybook/addon-viewport": "7.1.0-beta.0",
-    "@storybook/core-common": "7.1.0-beta.0",
-    "@storybook/manager-api": "7.1.0-beta.0",
-    "@storybook/node-logger": "7.1.0-beta.0",
-    "@storybook/preview-api": "7.1.0-beta.0",
+    "@storybook/addon-actions": "7.1.0-beta.1",
+    "@storybook/addon-backgrounds": "7.1.0-beta.1",
+    "@storybook/addon-controls": "7.1.0-beta.1",
+    "@storybook/addon-docs": "7.1.0-beta.1",
+    "@storybook/addon-highlight": "7.1.0-beta.1",
+    "@storybook/addon-measure": "7.1.0-beta.1",
+    "@storybook/addon-outline": "7.1.0-beta.1",
+    "@storybook/addon-toolbars": "7.1.0-beta.1",
+    "@storybook/addon-viewport": "7.1.0-beta.1",
+    "@storybook/core-common": "7.1.0-beta.1",
+    "@storybook/manager-api": "7.1.0-beta.1",
+    "@storybook/node-logger": "7.1.0-beta.1",
+    "@storybook/preview-api": "7.1.0-beta.1",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "@storybook/vue": "7.1.0-beta.0",
+    "@storybook/vue": "7.1.0-beta.1",
     "typescript": "^4.9.3"
   },
   "peerDependencies": {

code/addons/gfm/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-mdx-gfm",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "GitHub Flavored Markdown in Storybook",
   "keywords": [
     "addon",
@@ -51,7 +51,7 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/node-logger": "7.1.0-beta.0",
+    "@storybook/node-logger": "7.1.0-beta.1",
     "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.0.0"
   },

code/addons/highlight/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-highlight",
-  "version": "7.1.0-beta.0",
+  "version": "7.1.0-beta.1",
   "description": "Highlight DOM nodes within your stories",
   "keywords": [
     "storybook-addons",
@@ -61,9 +61,9 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-events": "7.1.0-beta.0",
+    "@storybook/core-events": "7.1.0-beta.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.1.0-beta.0"
+    "@storybook/preview-api": "7.1.0-beta.1"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.16.0",