diff --git a/CHANGELOG.md b/CHANGELOG.md
index d640b8cba429..4089eebcf3af 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,20 @@
+## 7.0.0-alpha.23 (August 18, 2022)
+
+#### Features
+
+- UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
+
+#### Maintenance
+
+- Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
+- Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
+- CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
+
+
+## 7.0.0-alpha.22 (August 18, 2022)
+
+Failed publish to npm
+
## 7.0.0-alpha.21 (August 17, 2022)
#### Maintenance
diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 49302e41bf85..a2c3e076e0bc 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Test component compliance with web accessibility standards",
"keywords": [
"a11y",
@@ -62,15 +62,15 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/channels": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/channels": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/theming": "7.0.0-alpha.23",
"axe-core": "^4.2.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@@ -105,7 +105,7 @@
"./src/preview.tsx"
]
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Accessibility",
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 274d35d49c49..23d80a5f4b42 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [
"storybook",
@@ -35,13 +35,13 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"dequal": "^2.0.2",
"global": "^4.4.0",
@@ -73,7 +73,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Actions",
"unsupportedFrameworks": [
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index a14f2f0705af..40ea81c45637 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Switch backgrounds to view components in different settings",
"keywords": [
"addon",
@@ -62,13 +62,13 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
@@ -100,7 +100,7 @@
"./src/preview.tsx"
]
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Backgrounds",
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index cdd10b2e8063..65207a7489c0 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-controls",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [
"addon",
@@ -57,16 +57,16 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/blocks": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-common": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/blocks": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-common": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/node-logger": "7.0.0-alpha.21",
- "@storybook/store": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/node-logger": "7.0.0-alpha.23",
+ "@storybook/store": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"lodash": "^4.17.21",
"ts-dedent": "^2.0.0"
@@ -93,7 +93,7 @@
],
"platform": "browser"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Controls",
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index 10f00dca4edb..16800c0d752e 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Document component usage and properties in Markdown",
"keywords": [
"addon",
@@ -53,22 +53,22 @@
"@babel/preset-env": "^7.12.11",
"@jest/transform": "^26.6.2",
"@mdx-js/react": "^1.6.22",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/blocks": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-common": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/blocks": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-common": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/csf-tools": "7.0.0-alpha.21",
- "@storybook/docs-tools": "7.0.0-alpha.21",
+ "@storybook/csf-tools": "7.0.0-alpha.23",
+ "@storybook/docs-tools": "7.0.0-alpha.23",
"@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
- "@storybook/node-logger": "7.0.0-alpha.21",
- "@storybook/postinstall": "7.0.0-alpha.21",
- "@storybook/preview-web": "7.0.0-alpha.21",
- "@storybook/source-loader": "7.0.0-alpha.21",
- "@storybook/store": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/node-logger": "7.0.0-alpha.23",
+ "@storybook/postinstall": "7.0.0-alpha.23",
+ "@storybook/preview-web": "7.0.0-alpha.23",
+ "@storybook/source-loader": "7.0.0-alpha.23",
+ "@storybook/store": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"babel-loader": "^8.2.5",
"core-js": "^3.8.2",
"dequal": "^2.0.2",
@@ -104,7 +104,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Docs",
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index 59e763340697..73167de5b5bf 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",
@@ -33,25 +33,25 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-backgrounds": "7.0.0-alpha.21",
- "@storybook/addon-controls": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-measure": "7.0.0-alpha.21",
- "@storybook/addon-outline": "7.0.0-alpha.21",
- "@storybook/addon-toolbars": "7.0.0-alpha.21",
- "@storybook/addon-viewport": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/core-common": "7.0.0-alpha.21",
- "@storybook/node-logger": "7.0.0-alpha.21",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+ "@storybook/addon-controls": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-measure": "7.0.0-alpha.23",
+ "@storybook/addon-outline": "7.0.0-alpha.23",
+ "@storybook/addon-toolbars": "7.0.0-alpha.23",
+ "@storybook/addon-viewport": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/core-common": "7.0.0-alpha.23",
+ "@storybook/node-logger": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"ts-dedent": "^2.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.10",
- "@storybook/vue": "7.0.0-alpha.21",
+ "@storybook/vue": "7.0.0-alpha.23",
"@types/jest": "^26.0.16",
"typescript": "~4.6.3"
},
@@ -99,5 +99,5 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
}
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 3995a57d1f8e..0a9290701a2e 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-highlight",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Highlight DOM nodes within your stories",
"keywords": [
"storybook-addons",
@@ -37,8 +37,8 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"global": "^4.4.0"
},
@@ -49,7 +49,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Highlight",
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 24d547002d56..785d41066ad8 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-interactions",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Automate, test and debug user interactions",
"keywords": [
"storybook-addons",
@@ -36,15 +36,15 @@
},
"dependencies": {
"@devtools-ds/object-inspector": "^1.1.2",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-common": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-common": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/instrumenter": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/instrumenter": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"global": "^4.4.0",
"jest-mock": "^27.0.6",
@@ -72,7 +72,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Interactions",
"unsupportedFrameworks": [
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index d9ae2101bcb5..df0006d8a35b 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@@ -59,12 +59,12 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"global": "^4.4.0",
"react-sizeme": "^3.0.1",
@@ -95,7 +95,7 @@
],
"platform": "browser"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Jest",
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index e821ded47e04..8ef24d9900ab 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [
"addon",
@@ -63,11 +63,11 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/router": "7.0.0-alpha.21",
+ "@storybook/router": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"global": "^4.4.0",
"prop-types": "^15.7.2",
@@ -99,7 +99,7 @@
"./src/react/index.ts"
]
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Links",
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index cb79e283e9ae..d282049ee859 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-measure",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Inspect layouts by visualizing the box model",
"keywords": [
"storybook-addons",
@@ -61,11 +61,11 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"core-js": "^3.8.2",
"global": "^4.4.0"
@@ -95,7 +95,7 @@
"./src/preview.tsx"
]
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Measure",
"unsupportedFrameworks": [
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 7584ba4252df..252956864af8 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-outline",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [
"storybook-addons",
@@ -64,11 +64,11 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"core-js": "^3.8.2",
"global": "^4.4.0",
@@ -99,7 +99,7 @@
"./src/preset/preview.tsx"
]
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Outline",
"unsupportedFrameworks": [
diff --git a/code/addons/storyshots/storyshots-core/package.json b/code/addons/storyshots/storyshots-core/package.json
index 58e195a80b1b..af13f0ae8f01 100644
--- a/code/addons/storyshots/storyshots-core/package.json
+++ b/code/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Take a code snapshot of every story automatically with Jest",
"keywords": [
"addon",
@@ -38,12 +38,12 @@
},
"dependencies": {
"@jest/transform": "^26.6.2",
- "@storybook/addons": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
- "@storybook/client-api": "7.0.0-alpha.21",
- "@storybook/core-client": "7.0.0-alpha.21",
- "@storybook/core-common": "7.0.0-alpha.21",
- "@storybook/core-webpack": "7.0.0-alpha.21",
+ "@storybook/client-api": "7.0.0-alpha.23",
+ "@storybook/core-client": "7.0.0-alpha.23",
+ "@storybook/core-common": "7.0.0-alpha.23",
+ "@storybook/core-webpack": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@types/glob": "^7.1.3",
"@types/jest": "^26.0.16",
@@ -62,11 +62,11 @@
"@angular/core": "^13.3.6",
"@angular/platform-browser-dynamic": "^13.3.6",
"@emotion/jest": "^11.8.0",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/angular": "7.0.0-alpha.21",
- "@storybook/react": "7.0.0-alpha.21",
- "@storybook/vue": "7.0.0-alpha.21",
- "@storybook/vue3": "7.0.0-alpha.21",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/angular": "7.0.0-alpha.23",
+ "@storybook/react": "7.0.0-alpha.23",
+ "@storybook/vue": "7.0.0-alpha.23",
+ "@storybook/vue3": "7.0.0-alpha.23",
"babel-loader": "^8.2.5",
"enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1",
@@ -144,7 +144,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
diff --git a/code/addons/storyshots/storyshots-puppeteer/package.json b/code/addons/storyshots/storyshots-puppeteer/package.json
index 53b0643b7f2e..0d07b8325d56 100644
--- a/code/addons/storyshots/storyshots-puppeteer/package.json
+++ b/code/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [
"addon",
@@ -35,7 +35,7 @@
"dependencies": {
"@axe-core/puppeteer": "^4.2.0",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/node-logger": "7.0.0-alpha.21",
+ "@storybook/node-logger": "7.0.0-alpha.23",
"@types/jest-image-snapshot": "^4.1.3",
"core-js": "^3.8.2",
"jest-image-snapshot": "^4.3.0"
@@ -45,7 +45,7 @@
"puppeteer": "^2.0.0 || ^3.0.0"
},
"peerDependencies": {
- "@storybook/addon-storyshots": "7.0.0-alpha.21",
+ "@storybook/addon-storyshots": "7.0.0-alpha.23",
"puppeteer": ">=2.0.0"
},
"peerDependenciesMeta": {
@@ -56,5 +56,5 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea"
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
}
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 3c86a609f482..3958eda9ff43 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "View a story’s source code to see how it works and paste into your app",
"keywords": [
"addon",
@@ -35,13 +35,13 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/router": "7.0.0-alpha.21",
- "@storybook/source-loader": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/router": "7.0.0-alpha.23",
+ "@storybook/source-loader": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"estraverse": "^5.2.0",
"prop-types": "^15.7.2",
@@ -67,7 +67,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Storysource",
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index 27d9652e9a5a..abd624753148 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-toolbars",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Create your own toolbar items that control story rendering",
"keywords": [
"addon",
@@ -57,11 +57,11 @@
"prepare": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2"
},
"devDependencies": {
@@ -89,7 +89,7 @@
],
"platform": "browser"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Toolbars",
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index 0388ad327a88..494790baf732 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [
"addon",
@@ -36,12 +36,12 @@
"prepare": "node ../../../scripts/prepare.js"
},
"dependencies": {
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/api": "7.0.0-alpha.21",
- "@storybook/client-logger": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/api": "7.0.0-alpha.23",
+ "@storybook/client-logger": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"core-js": "^3.8.2",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
@@ -65,7 +65,7 @@
"publishConfig": {
"access": "public"
},
- "gitHead": "d8cdc5b21af68e69c6eefeaae0e1efadd06947ea",
+ "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a",
"storybook": {
"displayName": "Viewport",
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
diff --git a/code/examples/angular-cli/package.json b/code/examples/angular-cli/package.json
index c8a68c449192..5ca23e990b49 100644
--- a/code/examples/angular-cli/package.json
+++ b/code/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
{
"name": "angular-cli",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"license": "MIT",
"workspaces": {
@@ -44,22 +44,22 @@
"@angular/compiler-cli": "^13.3.6",
"@angular/elements": "^13.3.6",
"@compodoc/compodoc": "^1.1.18",
- "@storybook/addon-a11y": "7.0.0-alpha.21",
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-backgrounds": "7.0.0-alpha.21",
- "@storybook/addon-controls": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-interactions": "7.0.0-alpha.21",
- "@storybook/addon-jest": "7.0.0-alpha.21",
- "@storybook/addon-links": "7.0.0-alpha.21",
- "@storybook/addon-storyshots": "7.0.0-alpha.21",
- "@storybook/addon-storysource": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/angular": "7.0.0-alpha.21",
+ "@storybook/addon-a11y": "7.0.0-alpha.23",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+ "@storybook/addon-controls": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-interactions": "7.0.0-alpha.23",
+ "@storybook/addon-jest": "7.0.0-alpha.23",
+ "@storybook/addon-links": "7.0.0-alpha.23",
+ "@storybook/addon-storyshots": "7.0.0-alpha.23",
+ "@storybook/addon-storysource": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/angular": "7.0.0-alpha.23",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/jest": "^0.0.10",
- "@storybook/source-loader": "7.0.0-alpha.21",
+ "@storybook/source-loader": "7.0.0-alpha.23",
"@storybook/testing-library": "0.0.14-next.0",
"@types/core-js": "^2.5.4",
"@types/jest": "^26.0.16",
@@ -72,7 +72,7 @@
"jest": "^26.6.3",
"jest-preset-angular": "^8.3.2",
"protractor": "~7.0.0",
- "storybook": "7.0.0-alpha.21",
+ "storybook": "7.0.0-alpha.23",
"storybook-addon-angular-ivy": "^0.0.1",
"ts-jest": "^26.4.4",
"ts-node": "^10.4.0",
diff --git a/code/examples/cra-kitchen-sink/package.json b/code/examples/cra-kitchen-sink/package.json
index 5acd24cdc79e..303f8400475b 100644
--- a/code/examples/cra-kitchen-sink/package.json
+++ b/code/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "cra-kitchen-sink",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"build": "react-scripts build",
@@ -11,7 +11,7 @@
"test": "react-scripts test --env=jsdom"
},
"dependencies": {
- "@storybook/client-logger": "7.0.0-alpha.21",
+ "@storybook/client-logger": "7.0.0-alpha.23",
"global": "^4.4.0",
"prop-types": "^15.7.2",
"react": "16.14.0",
@@ -21,21 +21,21 @@
},
"devDependencies": {
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
- "@storybook/addon-a11y": "7.0.0-alpha.21",
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-backgrounds": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-jest": "7.0.0-alpha.21",
- "@storybook/addon-links": "7.0.0-alpha.21",
- "@storybook/addon-storyshots": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/builder-webpack5": "7.0.0-alpha.21",
+ "@storybook/addon-a11y": "7.0.0-alpha.23",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-jest": "7.0.0-alpha.23",
+ "@storybook/addon-links": "7.0.0-alpha.23",
+ "@storybook/addon-storyshots": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/builder-webpack5": "7.0.0-alpha.23",
"@storybook/preset-create-react-app": "^4.1.0",
- "@storybook/react": "7.0.0-alpha.21",
- "@storybook/react-webpack5": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
- "storybook": "7.0.0-alpha.21",
+ "@storybook/react": "7.0.0-alpha.23",
+ "@storybook/react-webpack5": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
+ "storybook": "7.0.0-alpha.23",
"webpack": "5"
},
"storybook": {
diff --git a/code/examples/cra-ts-essentials/package.json b/code/examples/cra-ts-essentials/package.json
index 50973fd7fefc..3895ad5c3c5b 100644
--- a/code/examples/cra-ts-essentials/package.json
+++ b/code/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
{
"name": "cra-ts-essentials",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"build": "react-scripts build",
@@ -23,8 +23,8 @@
]
},
"dependencies": {
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"@types/jest": "^26.0.16",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/react": "^16.14.23",
@@ -37,15 +37,15 @@
"typescript": "~4.6.3"
},
"devDependencies": {
- "@storybook/addon-essentials": "7.0.0-alpha.21",
- "@storybook/addon-interactions": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/builder-webpack5": "7.0.0-alpha.21",
+ "@storybook/addon-essentials": "7.0.0-alpha.23",
+ "@storybook/addon-interactions": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/builder-webpack5": "7.0.0-alpha.23",
"@storybook/preset-create-react-app": "^4.1.0",
- "@storybook/react": "7.0.0-alpha.21",
- "@storybook/react-webpack5": "7.0.0-alpha.21",
+ "@storybook/react": "7.0.0-alpha.23",
+ "@storybook/react-webpack5": "7.0.0-alpha.23",
"@storybook/testing-library": "^0.0.9",
- "storybook": "7.0.0-alpha.21",
+ "storybook": "7.0.0-alpha.23",
"ts-node": "^10.4.0",
"webpack": "5"
},
diff --git a/code/examples/cra-ts-kitchen-sink/package.json b/code/examples/cra-ts-kitchen-sink/package.json
index 945601b38763..3a8ba5bc97dc 100644
--- a/code/examples/cra-ts-kitchen-sink/package.json
+++ b/code/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "cra-ts-kitchen-sink",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"build": "react-scripts build",
@@ -34,23 +34,23 @@
"typescript": "~4.6.3"
},
"devDependencies": {
- "@storybook/addon-a11y": "7.0.0-alpha.21",
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-links": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/builder-webpack5": "7.0.0-alpha.21",
+ "@storybook/addon-a11y": "7.0.0-alpha.23",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-links": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/builder-webpack5": "7.0.0-alpha.23",
"@storybook/preset-create-react-app": "^4.1.0",
- "@storybook/react": "7.0.0-alpha.21",
- "@storybook/react-webpack5": "7.0.0-alpha.21",
+ "@storybook/react": "7.0.0-alpha.23",
+ "@storybook/react-webpack5": "7.0.0-alpha.23",
"@types/enzyme": "^3.10.8",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.9.1",
"enzyme-to-json": "^3.6.1",
"fork-ts-checker-webpack-plugin": "^7.2.6",
"react-moment-proptypes": "^1.7.0",
- "storybook": "7.0.0-alpha.21",
+ "storybook": "7.0.0-alpha.23",
"ts-node": "^10.4.0",
"webpack": "5"
},
diff --git a/code/examples/doc-blocks/package.json b/code/examples/doc-blocks/package.json
index 9ebb695aab5a..492169197a82 100644
--- a/code/examples/doc-blocks/package.json
+++ b/code/examples/doc-blocks/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/example-doc-blocks",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true sb build",
@@ -15,20 +15,20 @@
"@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7",
- "@storybook/addon-essentials": "7.0.0-alpha.21",
- "@storybook/addon-storyshots": "7.0.0-alpha.21",
- "@storybook/addon-storysource": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/cli": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/react-webpack5": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/addon-essentials": "7.0.0-alpha.23",
+ "@storybook/addon-storyshots": "7.0.0-alpha.23",
+ "@storybook/addon-storysource": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/cli": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/react-webpack5": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"@types/babel__preset-env": "^7",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
"cross-env": "^7.0.3",
"lodash": "^4.17.21",
- "sb": "7.0.0-alpha.21",
+ "sb": "7.0.0-alpha.23",
"typescript": "~4.6.3",
"webpack": "5"
},
diff --git a/code/examples/ember-cli/package.json b/code/examples/ember-cli/package.json
index 5ffc2afee371..c99dbe99691d 100644
--- a/code/examples/ember-cli/package.json
+++ b/code/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
{
"name": "ember-example",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"--build-storybook": "yarn storybook-prebuild && storybook build",
@@ -17,19 +17,19 @@
"devDependencies": {
"@babel/core": "^7.12.10",
"@ember/optional-features": "^2.0.0",
- "@storybook/addon-a11y": "7.0.0-alpha.21",
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-backgrounds": "7.0.0-alpha.21",
- "@storybook/addon-controls": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-links": "7.0.0-alpha.21",
- "@storybook/addon-storysource": "7.0.0-alpha.21",
- "@storybook/addon-viewport": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/ember": "7.0.0-alpha.21",
+ "@storybook/addon-a11y": "7.0.0-alpha.23",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+ "@storybook/addon-controls": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-links": "7.0.0-alpha.23",
+ "@storybook/addon-storysource": "7.0.0-alpha.23",
+ "@storybook/addon-viewport": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/ember": "7.0.0-alpha.23",
"@storybook/ember-cli-storybook": "^0.2.1",
- "@storybook/source-loader": "7.0.0-alpha.21",
+ "@storybook/source-loader": "7.0.0-alpha.23",
"babel-loader": "^8.2.5",
"broccoli-asset-rev": "^3.0.0",
"browserify-zlib": "^0.2.0",
@@ -49,7 +49,7 @@
"loader.js": "^4.7.0",
"os-browserify": "^0.3.0",
"shx": "^0.3.2",
- "storybook": "7.0.0-alpha.21",
+ "storybook": "7.0.0-alpha.23",
"stream-browserify": "^3.0.0",
"vm-browserify": "^1.1.2",
"webpack": "5",
diff --git a/code/examples/external-docs/package.json b/code/examples/external-docs/package.json
index 381246392605..414fc2fbf0e4 100644
--- a/code/examples/external-docs/package.json
+++ b/code/examples/external-docs/package.json
@@ -1,6 +1,6 @@
{
"name": "@storybook/external-docs",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"build": "next build",
@@ -11,15 +11,15 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 --no-manager-cache -c .storybook"
},
"dependencies": {
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-essentials": "7.0.0-alpha.21",
- "@storybook/blocks": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-essentials": "7.0.0-alpha.23",
+ "@storybook/blocks": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
- "@storybook/preview-web": "7.0.0-alpha.21",
- "@storybook/react": "7.0.0-alpha.21",
- "@storybook/react-webpack5": "7.0.0-alpha.21",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/preview-web": "7.0.0-alpha.23",
+ "@storybook/react": "7.0.0-alpha.23",
+ "@storybook/react-webpack5": "7.0.0-alpha.23",
+ "@storybook/theming": "7.0.0-alpha.23",
"formik": "^2.2.9",
"next": "^12.1.0",
"nextra": "^1.1.0",
@@ -38,7 +38,7 @@
"cross-env": "^7.0.3",
"eslint": "8.7.0",
"eslint-config-next": "12.0.8",
- "storybook": "7.0.0-alpha.21",
+ "storybook": "7.0.0-alpha.23",
"typescript": "~4.6.3",
"webpack": "5"
}
diff --git a/code/examples/html-kitchen-sink/package.json b/code/examples/html-kitchen-sink/package.json
index fb407cb96014..260b27d95dc9 100644
--- a/code/examples/html-kitchen-sink/package.json
+++ b/code/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"description": "",
"keywords": [],
@@ -13,31 +13,31 @@
"storybook": "storybook dev -p 9006 --no-manager-cache"
},
"devDependencies": {
- "@storybook/addon-a11y": "7.0.0-alpha.21",
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-backgrounds": "7.0.0-alpha.21",
- "@storybook/addon-controls": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-jest": "7.0.0-alpha.21",
- "@storybook/addon-links": "7.0.0-alpha.21",
+ "@storybook/addon-a11y": "7.0.0-alpha.23",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+ "@storybook/addon-controls": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-jest": "7.0.0-alpha.23",
+ "@storybook/addon-links": "7.0.0-alpha.23",
"@storybook/addon-postcss": "^2.0.0",
- "@storybook/addon-storyshots": "7.0.0-alpha.21",
- "@storybook/addon-storysource": "7.0.0-alpha.21",
- "@storybook/addon-viewport": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/client-api": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
- "@storybook/html": "7.0.0-alpha.21",
- "@storybook/html-webpack5": "7.0.0-alpha.21",
- "@storybook/source-loader": "7.0.0-alpha.21",
+ "@storybook/addon-storyshots": "7.0.0-alpha.23",
+ "@storybook/addon-storysource": "7.0.0-alpha.23",
+ "@storybook/addon-viewport": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/client-api": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
+ "@storybook/html": "7.0.0-alpha.23",
+ "@storybook/html-webpack5": "7.0.0-alpha.23",
+ "@storybook/source-loader": "7.0.0-alpha.23",
"autoprefixer": "^10.0.1",
"eventemitter3": "^4.0.7",
"format-json": "^1.0.3",
"global": "^4.4.0",
"postcss": "^8.2.4",
"postcss-color-rebeccapurple": "^6.0.0",
- "storybook": "7.0.0-alpha.21"
+ "storybook": "7.0.0-alpha.23"
},
"storybook": {
"chromatic": {
diff --git a/code/examples/official-storybook/manager.js b/code/examples/official-storybook/manager.js
index 642d6e7bfb23..77104c4f6326 100644
--- a/code/examples/official-storybook/manager.js
+++ b/code/examples/official-storybook/manager.js
@@ -8,10 +8,11 @@ import addHeadWarning from './head-warning';
addHeadWarning('manager-head-not-loaded', 'Manager head not loaded');
const PrefixIcon = styled(Icons)(({ theme }) => ({
- marginRight: 8,
+ marginRight: 5,
fontSize: 'inherit',
- height: '1em',
- width: '1em',
+ height: 12,
+ width: 12,
+ paddingTop: 1,
display: 'inline',
alignSelf: 'center',
}));
diff --git a/code/examples/official-storybook/package.json b/code/examples/official-storybook/package.json
index 6e7b72868ec1..41e0c8a5b323 100644
--- a/code/examples/official-storybook/package.json
+++ b/code/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
{
"name": "official-storybook",
- "version": "7.0.0-alpha.21",
+ "version": "7.0.0-alpha.23",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@@ -13,33 +13,33 @@
"devDependencies": {
"@emotion/jest": "^11.8.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
- "@storybook/addon-a11y": "7.0.0-alpha.21",
- "@storybook/addon-actions": "7.0.0-alpha.21",
- "@storybook/addon-backgrounds": "7.0.0-alpha.21",
- "@storybook/addon-controls": "7.0.0-alpha.21",
- "@storybook/addon-docs": "7.0.0-alpha.21",
- "@storybook/addon-highlight": "7.0.0-alpha.21",
- "@storybook/addon-interactions": "7.0.0-alpha.21",
- "@storybook/addon-jest": "7.0.0-alpha.21",
- "@storybook/addon-links": "7.0.0-alpha.21",
- "@storybook/addon-storyshots": "7.0.0-alpha.21",
- "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.21",
- "@storybook/addon-storysource": "7.0.0-alpha.21",
- "@storybook/addon-toolbars": "7.0.0-alpha.21",
- "@storybook/addon-viewport": "7.0.0-alpha.21",
- "@storybook/addons": "7.0.0-alpha.21",
- "@storybook/cli": "7.0.0-alpha.21",
- "@storybook/components": "7.0.0-alpha.21",
- "@storybook/core-events": "7.0.0-alpha.21",
+ "@storybook/addon-a11y": "7.0.0-alpha.23",
+ "@storybook/addon-actions": "7.0.0-alpha.23",
+ "@storybook/addon-backgrounds": "7.0.0-alpha.23",
+ "@storybook/addon-controls": "7.0.0-alpha.23",
+ "@storybook/addon-docs": "7.0.0-alpha.23",
+ "@storybook/addon-highlight": "7.0.0-alpha.23",
+ "@storybook/addon-interactions": "7.0.0-alpha.23",
+ "@storybook/addon-jest": "7.0.0-alpha.23",
+ "@storybook/addon-links": "7.0.0-alpha.23",
+ "@storybook/addon-storyshots": "7.0.0-alpha.23",
+ "@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.23",
+ "@storybook/addon-storysource": "7.0.0-alpha.23",
+ "@storybook/addon-toolbars": "7.0.0-alpha.23",
+ "@storybook/addon-viewport": "7.0.0-alpha.23",
+ "@storybook/addons": "7.0.0-alpha.23",
+ "@storybook/cli": "7.0.0-alpha.23",
+ "@storybook/components": "7.0.0-alpha.23",
+ "@storybook/core-events": "7.0.0-alpha.23",
"@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.10",
- "@storybook/node-logger": "7.0.0-alpha.21",
- "@storybook/react": "7.0.0-alpha.21",
- "@storybook/react-webpack5": "7.0.0-alpha.21",
- "@storybook/router": "7.0.0-alpha.21",
- "@storybook/source-loader": "7.0.0-alpha.21",
+ "@storybook/node-logger": "7.0.0-alpha.23",
+ "@storybook/react": "7.0.0-alpha.23",
+ "@storybook/react-webpack5": "7.0.0-alpha.23",
+ "@storybook/router": "7.0.0-alpha.23",
+ "@storybook/source-loader": "7.0.0-alpha.23",
"@storybook/testing-library": "0.0.14-next.0",
- "@storybook/theming": "7.0.0-alpha.21",
+ "@storybook/theming": "7.0.0-alpha.23",
"@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2",
@@ -55,7 +55,7 @@
"prop-types": "^15.7.2",
"react": "16.14.0",
"react-dom": "16.14.0",
- "storybook": "7.0.0-alpha.21",
+ "storybook": "7.0.0-alpha.23",
"terser-webpack-plugin": "^5.3.1",
"uuid-browser": "^3.1.0",
"webpack": "5"
diff --git a/code/examples/official-storybook/preview.js b/code/examples/official-storybook/preview.js
index 638d31b1af82..e4e0ef7fa7d9 100644
--- a/code/examples/official-storybook/preview.js
+++ b/code/examples/official-storybook/preview.js
@@ -72,6 +72,25 @@ const ThemeStack = styled.div(
})
);
+const PlayFnNotice = styled.div(
+ {
+ position: 'absolute',
+ bottom: '1rem',
+ right: '1rem',
+ border: '1px solid #ccc',
+ borderRadius: '5px',
+ padding: '1rem',
+ fontSize: '12px',
+ '> *': {
+ display: 'block',
+ },
+ },
+ ({ theme }) => ({
+ background: theme.background.app,
+ color: theme.color.defaultText,
+ })
+);
+
const ThemedSetRoot = () => {
const theme = useTheme();
@@ -87,8 +106,9 @@ const ThemedSetRoot = () => {
};
export const decorators = [
- (StoryFn, { globals, parameters }) => {
- const theme = globals.theme || parameters.theme || (isChromatic() ? 'stacked' : 'light');
+ (StoryFn, { globals, parameters, playFunction }) => {
+ const defaultTheme = isChromatic() && !playFunction ? 'stacked' : 'light';
+ const theme = globals.theme || parameters.theme || defaultTheme;
switch (theme) {
case 'side-by-side': {
@@ -137,6 +157,12 @@ export const decorators = [