GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'next' into shilman/generic-mdx-stories

Browse Source
This commit is contained in:
Michael Shilman 2022-10-09 18:19:06 +08:00
commit 70f21ae05b
177 changed files with 2027 additions and 2600 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
.circleci/config.yml
View File

@ -316,7 +316,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -336,7 +336,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 11
parallelism: 12
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -352,7 +352,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -367,12 +367,12 @@ jobs:
- persist_to_workspace:
root: .
paths:
- sandbox
- sandbox/*/storybook-static
test-runner-sandboxes:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -388,7 +388,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'
@ -404,7 +404,7 @@ jobs:
executor:
class: medium+
name: sb_playwright
parallelism: 12
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'

13
.gitpod.yml
View File

@ -3,15 +3,6 @@
# and commit this file to your remote git repository to share the goodness with others.
tasks:
- name: Scripts
init: |
cd scripts
yarn install
gp sync-done scripts
- name: Code
init: |
gp sync-await scripts # wait for the above 'init' to finish
cd code
yarn install
yarn bootstrap --core
- name: Bootstrap
init: ./bootstrap.sh --core

49
CHANGELOG.md
View File

@ -1,3 +1,51 @@
## 7.0.0-alpha.35 (October 5, 2022)
#### Features
- Angular: Disable ngcc when not needed [#19307](https://github.com/storybooks/storybook/pull/19307)
- Vite: Add vue-vite framework for Vue2 [#19230](https://github.com/storybooks/storybook/pull/19230)
- Storyshots-puppeteer: Add browserLaunchOptions to CommonConfig [#18927](https://github.com/storybooks/storybook/pull/18927)
#### Bug Fixes
- Vite: Fix svelte docgen and svelte-native stories [#19339](https://github.com/storybooks/storybook/pull/19339)
- CLI: Exclude @storybook/testing-react from outdated check [#19272](https://github.com/storybooks/storybook/pull/19272)
- Interactions: Fix path to checkActionsLoaded [#19334](https://github.com/storybooks/storybook/pull/19334)
- Webpack: Fix resolution of webpack config relating to resolve fallbacks (assert) [#19358](https://github.com/storybooks/storybook/pull/19358)
- Vite: Add vite framework plugin if not found [#19259](https://github.com/storybooks/storybook/pull/19259)
- Vue2: Fix play function `within` & args updating in decorators [#19207](https://github.com/storybooks/storybook/pull/19207)
#### Maintenance
- Addon-docs: Remove STORYBOOK_REACT_CLASSES and global/globals.ts [#19300](https://github.com/storybooks/storybook/pull/19300)
- Cleanup premature merge [#19332](https://github.com/storybooks/storybook/pull/19332)
- CLI: Update sb add for main.js [#19312](https://github.com/storybooks/storybook/pull/19312)
- React: Move argType stories to template/stories folder [#19265](https://github.com/storybooks/storybook/pull/19265)
#### Build
- Build: Add react17 + webpack5 template [#19342](https://github.com/storybooks/storybook/pull/19342)
- Build: Add react18 + webpack5 template [#19341](https://github.com/storybooks/storybook/pull/19341)
- Build: Forward parameters in nx command execution [#19283](https://github.com/storybooks/storybook/pull/19283)
- Build: cleanup after moving to tsup [#19268](https://github.com/storybooks/storybook/pull/19268)
- Build: change the vue e2e test to use webpack5, since we stopped supporting webpack4 in 7.0 [#19257](https://github.com/storybooks/storybook/pull/19257)
- Build: Add vue-cli/vue2 repro template [#19314](https://github.com/storybooks/storybook/pull/19314)
- Build: Bundle addons-actions with ts-up [#18775](https://github.com/storybooks/storybook/pull/18775)
- Build: Bundle lib/addons with ts-up [#18805](https://github.com/storybooks/storybook/pull/18805)
- Build: improve the tsconfig [#19346](https://github.com/storybooks/storybook/pull/19346)
- Build: Bundle lib/telemetry with ts-up [#19317](https://github.com/storybooks/storybook/pull/19317)
- Build: Bundle lib/store with tsup [#19308](https://github.com/storybooks/storybook/pull/19308)
- Build: Bundle lib/source-loader with ts-up [#19313](https://github.com/storybooks/storybook/pull/19313)
- Build: Bundle lib/csf-tools with ts-up [#18914](https://github.com/storybooks/storybook/pull/18914)
- Build: Bundle lib/core-client with ts-up [#19276](https://github.com/storybooks/storybook/pull/19276)
- Build: Bundle lib/client-api with ts-up [#19271](https://github.com/storybooks/storybook/pull/19271)
- Build: Bundle lib/postinstall with ts-up [#19327](https://github.com/storybooks/storybook/pull/19327)
- Build: Add react18 + webpack5 template [#19341](https://github.com/storybooks/storybook/pull/19341)
- Build: Remove cypress from monorepo [#19303](https://github.com/storybooks/storybook/pull/19303)
- Build: Disable smoke test on cra/default-ts [#19352](https://github.com/storybooks/storybook/pull/19352)
- Build: Fix prepare bundle on Windows [#19243](https://github.com/storybooks/storybook/pull/19243)
- Build: Bundle addons/essentials with ts-up [#19322](https://github.com/storybooks/storybook/pull/19322)
## 7.0.0-alpha.34 (September 27, 2022)
#### Features
@ -233,7 +281,6 @@
- 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

8
MIGRATION.md
View File

@ -23,6 +23,7 @@
- [Removed STORYBOOK_REACT_CLASSES global](#removed-storybook_react_classes-global)
- [Icons API changed](#icons-api-changed)
- ['config' preset entry replaced with 'previewAnnotations'](#config-preset-entry-replaced-with-previewannotations)
- [Dropped support for Angular 12 and below](#dropped-support-for-angular-12-and-below)
- [Docs Changes](#docs-changes)
- [Standalone docs files](#standalone-docs-files)
- [Referencing stories in docs files](#referencing-stories-in-docs-files)
@ -555,6 +556,13 @@ The preset field `'config'` has been replaced with `'previewAnnotations'`. `'con
Additionally, the internal field `'previewEntries'` has been removed. If you need a preview entry, just use a `'previewAnnotations'` file and don't export anything.
#### Dropped support for Angular 12 and below
Official [Angular 12 LTS support ends Nov 2022](https://angular.io/guide/releases#actively-supported-versions). With that, Storybook also drops its support
for Angular 12 and below.
In order to use Storybook 7.0, you need to upgrade to at least Angular 13.
#### Vue2 DOM structure changed
In 6.x, `@storybook/vue` would replace the "root" element (formerly `#root`, now `#storybook-root`) with a new node that contains the rendered children. This was problematic because it broke the `play` function, which often starts with `within(canvasElement)` and the old `canvasElement` would get replaced out from under the play function.

11
README.md
View File

@ -36,8 +36,9 @@
</a>
</p>
<p align="center">Storybook is a development environment for UI components.<br/>
It allows you to browse a component library, view the different states of each component, and interactively develop and test components.<br/>Find out more at https://storybook.js.org.</p>
<p align="center">
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. Find out more at https://storybook.js.org.
</p>
<center>
<img src="https://raw.githubusercontent.com/storybookjs/storybook/main/media/storybook-intro.gif" width="100%" />
@ -75,7 +76,7 @@ Documentation can be found [Storybook's docs site](https://storybook.js.org/docs
### Examples
Here are some featured examples that you can reference to see how Storybook works: <https://storybook.js.org/showcase>
View [Component Encyclopedia](https://storybook.js.org/showcase) to see how leading teams use Storybook.
Storybook comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native, Android, iOS, and Flutter development for mobile.
@ -163,7 +164,7 @@ If you're looking for material to use in your presentation about storybook, like
- Tweeting via [@storybookjs](https://twitter.com/storybookjs)
- Blogging at [storybook.js.org](https://storybook.js.org/blog/) and [Medium](https://medium.com/storybookjs)
- Chatting on [Discord](https://discord.gg/storybook)
- Streaming saved at [Youtube](https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg)
- Videos and streams at [Youtube](https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg)
## Contributing
@ -182,7 +183,7 @@ Looking for a first issue to tackle?
Storybook is organized as a monorepo using [Lerna](https://lerna.js.org/). Useful scripts include:
#### `yarn bootstrap`
#### `./bootstrap.sh`
> Installs package dependencies and links packages together - using lerna

20
code/addons/a11y/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Test component compliance with web accessibility standards",
"keywords": [
"a11y",
@ -62,15 +62,15 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"axe-core": "^4.2.0",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -104,7 +104,7 @@
"./src/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Accessibility",
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",

6
code/addons/a11y/src/components/A11YPanel.tsx
View File

@ -30,15 +30,15 @@ const RotatingIcon = styled(Icon)(({ theme }) => ({
}));
const Passes = styled.span(({ theme }) => ({
color: theme.color.positive,
color: theme.color.positiveText,
}));
const Violations = styled.span(({ theme }) => ({
color: theme.color.negative,
color: theme.color.negativeText,
}));
const Incomplete = styled.span(({ theme }) => ({
color: theme.color.warning,
color: theme.color.warningText,
}));
const Centered = styled.span({

2
code/addons/a11y/src/components/Report/Item.tsx
View File

@ -23,7 +23,7 @@ const Icon = styled(Icons)(({ theme }) => ({
height: 10,
width: 10,
minWidth: 10,
color: theme.color.mediumdark,
color: theme.textMutedColor,
marginRight: 10,
transition: 'transform 0.1s ease-in-out',
alignSelf: 'center',

2
code/addons/a11y/src/components/Tabs.tsx
View File

@ -78,7 +78,7 @@ const TabsWrapper = styled.div({});
const List = styled.div(({ theme }) => ({
boxShadow: `${theme.appBorderColor} 0 -1px 0 0 inset`,
background: 'rgba(0, 0, 0, .05)',
background: theme.background.app,
display: 'flex',
justifyContent: 'space-between',
whiteSpace: 'nowrap',

16
code/addons/actions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [
"storybook",
@ -58,13 +58,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"dequal": "^2.0.2",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -102,7 +102,7 @@
"./src/preview.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Actions",
"unsupportedFrameworks": [

16
code/addons/backgrounds/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Switch backgrounds to view components in different settings",
"keywords": [
"addon",
@ -62,13 +62,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
"ts-dedent": "^2.0.0",
@ -99,7 +99,7 @@
"./src/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Backgrounds",
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

22
code/addons/controls/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-controls",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [
"addon",
@ -57,16 +57,16 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/blocks": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/blocks": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"lodash": "^4.17.21",
"ts-dedent": "^2.0.0"
},
@ -92,7 +92,7 @@
],
"platform": "browser"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Controls",
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",

32
code/addons/docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"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.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/blocks": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/blocks": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/csf-tools": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/csf-tools": "7.0.0-alpha.35",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/postinstall": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/postinstall": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"babel-loader": "^8.2.5",
"dequal": "^2.0.2",
"global": "^4.4.0",
@ -103,7 +103,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Docs",
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",

32
code/addons/essentials/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",
@ -41,24 +41,24 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-measure": "7.0.0-alpha.34",
"@storybook/addon-outline": "7.0.0-alpha.34",
"@storybook/addon-toolbars": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-measure": "7.0.0-alpha.35",
"@storybook/addon-outline": "7.0.0-alpha.35",
"@storybook/addon-toolbars": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"ts-dedent": "^2.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.35",
"@types/jest": "^26.0.16",
"typescript": "~4.6.3"
},
@ -112,5 +112,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

8
code/addons/highlight/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-highlight",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Highlight DOM nodes within your stories",
"keywords": [
"storybook-addons",
@ -37,8 +37,8 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"global": "^4.4.0"
},
"devDependencies": {
@ -48,7 +48,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"sbmodern": "dist/modern/index.js",
"storybook": {
"displayName": "Highlight",

20
code/addons/interactions/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-interactions",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Automate, test and debug user interactions",
"keywords": [
"storybook-addons",
@ -59,15 +59,15 @@
},
"dependencies": {
"@devtools-ds/object-inspector": "^1.1.2",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/instrumenter": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/instrumenter": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"jest-mock": "^27.0.6",
"polished": "^4.2.2",
@ -104,7 +104,7 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Interactions",
"unsupportedFrameworks": [

2
code/addons/interactions/src/components/Interaction.tsx
View File

@ -92,7 +92,7 @@ const RowActions = styled.div({
});
export const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
color: theme.color.mediumdark,
color: theme.textMutedColor,
margin: '0 3px',
}));

2
code/addons/interactions/src/components/InteractionsPanel.tsx
View File

@ -60,7 +60,7 @@ const CaughtExceptionCode = styled.code(({ theme }) => ({
lineHeight: 1,
verticalAlign: 'top',
background: 'rgba(0, 0, 0, 0.05)',
border: `1px solid ${theme.color.border}`,
border: `1px solid ${theme.appBorderColor}`,
borderRadius: 3,
}));
const CaughtExceptionTitle = styled.div({

2
code/addons/interactions/src/components/List.tsx
View File

@ -22,7 +22,7 @@ const Icon = styled(Icons)<IconsProps>({
height: 10,
width: 10,
minWidth: 10,
color: convert(themes.light).color.mediumdark,
color: convert(themes.light).textMutedColor,
marginRight: 10,
transition: 'transform 0.1s ease-in-out',
alignSelf: 'center',

4
code/addons/interactions/src/components/MatcherResult.tsx
View File

@ -20,11 +20,11 @@ const parseValue = (value: string): any => {
};
const StyledExpected = styled.span(({ theme }) => ({
color: theme.color.positive,
color: theme.base === 'light' ? theme.color.positiveText : theme.color.positive,
}));
const StyledReceived = styled.span(({ theme }) => ({
color: theme.color.negative,
color: theme.base === 'light' ? theme.color.negativeText : theme.color.negative,
}));
export const Received = ({ value, parsed }: { value: any; parsed?: boolean }) =>

4
code/addons/interactions/src/components/StatusIcon.stories.tsx
View File

@ -10,6 +10,10 @@ export const Pending = {
args: { status: CallStates.WAITING },
};
export const Active = {
args: { status: CallStates.ACTIVE },
};
export const Error = {
args: { status: CallStates.ERROR },
};

2
code/addons/interactions/src/components/Subnav.tsx
View File

@ -57,7 +57,7 @@ const Note = styled(TooltipNote)(({ theme }) => ({
}));
export const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
color: theme.color.mediumdark,
color: theme.textMutedColor,
margin: '0 3px',
}));

16
code/addons/jest/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",
@ -59,12 +59,12 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"react-sizeme": "^3.0.1",
"upath": "^1.2.0"
@ -94,7 +94,7 @@
],
"platform": "browser"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Jest",
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",

4
code/addons/jest/src/components/Result.tsx
View File

@ -33,7 +33,7 @@ const Icon = styled(Icons)(({ theme }) => ({
height: 10,
width: 10,
minWidth: 10,
color: theme.color.mediumdark,
color: theme.textMutedColor,
marginRight: 10,
transition: 'transform 0.1s ease-in-out',
alignSelf: 'center',
@ -66,7 +66,7 @@ export function Result(props: ResultProps) {
{status === `failed` ? (
<Icon
icon="arrowdown"
color={convert(themes.light).color.mediumdark}
color={convert(themes.light).textMutedColor}
style={{
transform: `rotate(${isOpen ? 0 : -90}deg)`,
}}

12
code/addons/links/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [
"addon",
@ -63,11 +63,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.35",
"global": "^4.4.0",
"prop-types": "^15.7.2",
"ts-dedent": "^2.0.0"
@ -98,7 +98,7 @@
"./src/react/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Links",
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

14
code/addons/measure/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-measure",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Inspect layouts by visualizing the box model",
"keywords": [
"storybook-addons",
@ -61,11 +61,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"global": "^4.4.0"
},
@ -94,7 +94,7 @@
"./src/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Measure",
"unsupportedFrameworks": [

14
code/addons/outline/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-outline",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [
"storybook-addons",
@ -64,11 +64,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"global": "^4.4.0",
"ts-dedent": "^2.0.0"
@ -98,7 +98,7 @@
"./src/preset/preview.tsx"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Outline",
"unsupportedFrameworks": [

28
code/addons/storyshots/storyshots-core/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"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.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-client": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-webpack": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-client": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-webpack": "7.0.0-alpha.35",
"@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.34",
"@storybook/angular": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue3": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/angular": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"@storybook/vue3": "7.0.0-alpha.35",
"babel-loader": "^8.2.5",
"enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1",
@ -77,8 +77,8 @@
"vue-jest": "^5.0.0-alpha.8"
},
"peerDependencies": {
"@angular/core": ">=6.0.0",
"@angular/platform-browser-dynamic": ">=6.0.0",
"@angular/core": ">=13.0.0",
"@angular/platform-browser-dynamic": ">=13.0.0",
"@storybook/angular": "*",
"@storybook/react": "*",
"@storybook/vue": "*",
@ -144,7 +144,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

8
code/addons/storyshots/storyshots-puppeteer/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storyshots-puppeteer",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"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.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@types/jest-image-snapshot": "^4.1.3",
"jest-image-snapshot": "^4.3.0"
},
@ -44,7 +44,7 @@
"puppeteer": "^2.0.0 || ^3.0.0"
},
"peerDependencies": {
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"puppeteer": ">=2.0.0"
},
"peerDependenciesMeta": {
@ -55,5 +55,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

18
code/addons/storysource/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "View a story’s source code to see how it works and paste into your app",
"keywords": [
"addon",
@ -35,13 +35,13 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"estraverse": "^5.2.0",
"prop-types": "^15.7.2",
"react-syntax-highlighter": "^15.5.0"
@ -66,7 +66,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Storysource",
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",

14
code/addons/toolbars/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-toolbars",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Create your own toolbar items that control story rendering",
"keywords": [
"addon",
@ -57,11 +57,11 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34"
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35"
},
"devDependencies": {
"typescript": "~4.6.3"
@ -88,7 +88,7 @@
],
"platform": "browser"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Toolbars",
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",

16
code/addons/viewport/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [
"addon",
@ -59,12 +59,12 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0",
"memoizerific": "^1.11.3",
"prop-types": "^15.7.2"
@ -95,7 +95,7 @@
"./src/preview.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Viewport",
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",

32
code/examples/angular-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "angular-cli",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"license": "MIT",
"workspaces": {
@ -43,22 +43,22 @@
"@angular/compiler-cli": "^13.3.6",
"@angular/elements": "^13.3.6",
"@compodoc/compodoc": "^1.1.18",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-jest": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/angular": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-jest": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/angular": "7.0.0-alpha.35",
"@storybook/babel-plugin-require-context-hook": "1.0.1",
"@storybook/jest": "^0.0.10",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"@types/jest": "^26.0.16",
"@types/node": "^14.14.20 || ^16.0.0",
@ -70,7 +70,7 @@
"jest": "^26.6.3",
"jest-preset-angular": "^8.3.2",
"protractor": "~7.0.0",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"storybook-addon-angular-ivy": "^0.0.1",
"ts-jest": "^26.4.4",
"ts-node": "^10.4.0",

20
code/examples/doc-blocks/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-doc-blocks",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"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.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@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.34",
"sb": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"webpack": "5"
},

28
code/examples/ember-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "ember-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"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.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/ember": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/ember": "7.0.0-alpha.35",
"@storybook/ember-cli-storybook": "^0.2.1",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"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.34",
"storybook": "7.0.0-alpha.35",
"stream-browserify": "^3.0.0",
"vm-browserify": "^1.1.2",
"webpack": "5",

20
code/examples/external-docs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/external-docs",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"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.34",
"@storybook/addon-essentials": "7.0.0-alpha.34",
"@storybook/blocks": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/blocks": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"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.34",
"storybook": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"webpack": "5"
}

38
code/examples/html-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "html-kitchen-sink",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"description": "",
"keywords": [],
@ -13,31 +13,31 @@
"storybook": "storybook dev -p 9006 --no-manager-cache"
},
"devDependencies": {
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-jest": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-jest": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-postcss": "^2.0.0",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/html": "7.0.0-alpha.34",
"@storybook/html-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/html": "7.0.0-alpha.35",
"@storybook/html-webpack5": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"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.34"
"storybook": "7.0.0-alpha.35"
},
"storybook": {
"chromatic": {

52
code/examples/official-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "official-storybook",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build -c ./",
@ -16,33 +16,33 @@
"devDependencies": {
"@emotion/jest": "^11.10.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-jest": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-toolbars": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-jest": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storyshots-puppeteer": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-toolbars": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.10",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2",
@ -58,7 +58,7 @@
"prop-types": "^15.7.2",
"react": "16.14.0",
"react-dom": "16.14.0",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"terser-webpack-plugin": "^5.3.1",
"uuid-browser": "^3.1.0",
"webpack": "5"

10
code/examples/official-storybook/preview.js
View File

@ -46,7 +46,7 @@ const ThemeBlock = styled.div(
padding: 10,
},
({ theme }) => ({
background: theme.background.app,
background: theme.background.content,
color: theme.color.defaultText,
}),
({ side }) =>
@ -67,7 +67,7 @@ const ThemeStack = styled.div(
minHeight: 'calc(50vh - 15px)',
},
({ theme }) => ({
background: theme.background.app,
background: theme.background.content,
color: theme.color.defaultText,
})
);
@ -86,7 +86,7 @@ const PlayFnNotice = styled.div(
},
},
({ theme }) => ({
background: theme.background.app,
background: theme.background.content,
color: theme.color.defaultText,
})
);
@ -95,8 +95,8 @@ const ThemedSetRoot = () => {
const theme = useTheme();
useEffect(() => {
document.body.style.background = theme.background.app;
document.body.style.color = theme.defaultText;
document.body.style.background = theme.background.content;
document.body.style.color = theme.color.defaultText;
return () => {
//
};

3
code/examples/official-storybook/stories/addon-interactions/AccountForm.tsx
View File

@ -377,6 +377,7 @@ const Wrapper = styled.section(({ theme }) => ({
alignItems: 'center',
width: 450,
padding: 32,
color: theme.color.defaultText,
backgroundColor: theme.background.content,
borderRadius: 7,
}));
@ -540,7 +541,7 @@ const Button = styled.button<ButtonProps>({
const Submit = styled(Button)(({ theme, dirty }) => ({
marginRight: 8,
backgroundColor: theme.color.secondary,
color: theme.color.inverseText,
color: theme.color.lightest,
opacity: dirty ? 1 : 0.6,
boxShadow: 'rgb(30 167 253 / 10%) 0 0 0 1px inset',
}));

28
code/examples/preact-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "preact-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,18 +14,18 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/preact": "7.0.0-alpha.34",
"@storybook/preact-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/preact": "7.0.0-alpha.35",
"@storybook/preact-webpack5": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@types/prop-types": "^15.7.3",
"@types/react": "^17",
"@types/react-dom": "^17",
@ -38,7 +38,7 @@
"raw-loader": "^4.0.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"svg-url-loader": "^7.1.1",
"webpack": "5",
"webpack-dev-server": "^4.8.1"

22
code/examples/react-ts/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/example-react-ts",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook build",
@ -17,15 +17,15 @@
"@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.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@testing-library/dom": "^7.31.2",
"@testing-library/react": "12.1.2",
"@testing-library/user-event": "^13.1.9",
@ -34,7 +34,7 @@
"@types/react-dom": "^16.9.14",
"cross-env": "^7.0.3",
"lodash": "^4.17.21",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"webpack": "5"
}

24
code/examples/react-ts/src/__snapshots__/storyshots.test.ts.snap
View File

@ -30,9 +30,9 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
background: #F5FBFF;
color: #2E3438;
box-shadow: #D9E8F2 0 0 0 1px inset;
border-radius: 4px;
padding: 10px 16px;
display: inline;
@ -60,15 +60,15 @@ exports[`Storyshots Custom Prefix/AutoTitle Basic 1`] = `
}
.emotion-0:hover {
background: #f2f2f2;
background: #ebf7ff;
}
.emotion-0:active {
background: #FFFFFF;
background: #F5FBFF;
}
.emotion-0:focus {
box-shadow: rgba(30,167,253,1) 0 0 0 1px inset;
box-shadow: rgba(2,156,253,1) 0 0 0 1px inset;
outline: none;
}
@ -116,9 +116,9 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #fafafa;
color: #333333;
box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
background: #F5FBFF;
color: #2E3438;
box-shadow: #D9E8F2 0 0 0 1px inset;
border-radius: 4px;
padding: 10px 16px;
display: inline;
@ -146,15 +146,15 @@ exports[`Storyshots Custom Prefix/CustomTitle Basic 1`] = `
}
.emotion-0:hover {
background: #f2f2f2;
background: #ebf7ff;
}
.emotion-0:active {
background: #FFFFFF;
background: #F5FBFF;
}
.emotion-0:focus {
box-shadow: rgba(30,167,253,1) 0 0 0 1px inset;
box-shadow: rgba(2,156,253,1) 0 0 0 1px inset;
outline: none;
}

22
code/examples/server-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "server-kitchen-sink",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"description": "",
"keywords": [],
@ -14,15 +14,15 @@
"storybook": "SERVER_PORT=1137 storybook dev -p 9006 --quiet"
},
"devDependencies": {
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/server": "7.0.0-alpha.34",
"@storybook/server-webpack5": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/server": "7.0.0-alpha.35",
"@storybook/server-webpack5": "7.0.0-alpha.35",
"concurrently": "^5.3.0",
"cors": "^2.8.5",
"express": "~4.17.1",
@ -30,6 +30,6 @@
"nodemon": "^2.0.7",
"pug": "^3.0.0",
"safe-identifier": "^0.4.1",
"storybook": "7.0.0-alpha.34"
"storybook": "7.0.0-alpha.35"
}
}

12
code/examples/standalone-preview/package.json
View File

@ -1,20 +1,20 @@
{
"name": "standalone-preview",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true storybook dev -p 9011 -c ../official-storybook --no-manager-cache --preview-url=http://localhost:1337/external-iframe.html",
"storybook-preview": "cross-env PREVIEW_URL=external-iframe.html parcel ./storybook.html --port 1337"
},
"devDependencies": {
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/cli": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/react-webpack5": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/cli": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@storybook/react-webpack5": "7.0.0-alpha.35",
"cross-env": "^7.0.3",
"parcel": "2.0.1",
"react": "16.14.0",
"react-dom": "16.14.0",
"storybook": "7.0.0-alpha.34"
"storybook": "7.0.0-alpha.35"
}
}

34
code/examples/svelte-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "svelte-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build-storybook": "storybook build",
@ -10,24 +10,24 @@
"global": "^4.4.0"
},
"devDependencies": {
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/jest": "^0.0.10",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/svelte": "7.0.0-alpha.34",
"@storybook/svelte-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/svelte": "7.0.0-alpha.35",
"@storybook/svelte-webpack5": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"svelte-jester": "^2.3.2",
"svelte-preprocess": "^4.10.6"
},

14
code/examples/vue-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-cli-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "vue-cli-service build",
@ -14,16 +14,16 @@
"vue-property-decorator": "^9.1.2"
},
"devDependencies": {
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-essentials": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-essentials": "7.0.0-alpha.35",
"@storybook/preset-scss": "^1.0.3",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue-webpack5": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"@storybook/vue-webpack5": "7.0.0-alpha.35",
"@vue/cli-plugin-babel": "^5.0.4",
"@vue/cli-plugin-typescript": "^5.0.4",
"@vue/cli-service": "^5.0.4",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"typescript": "~4.6.3",
"vue-template-compiler": "^2.6.14"
}

34
code/examples/vue-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-example",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@ -14,29 +14,29 @@
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@storybook/addon-a11y": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addon-backgrounds": "7.0.0-alpha.34",
"@storybook/addon-controls": "7.0.0-alpha.34",
"@storybook/addon-docs": "7.0.0-alpha.34",
"@storybook/addon-highlight": "7.0.0-alpha.34",
"@storybook/addon-interactions": "7.0.0-alpha.34",
"@storybook/addon-links": "7.0.0-alpha.34",
"@storybook/addon-storyshots": "7.0.0-alpha.34",
"@storybook/addon-storysource": "7.0.0-alpha.34",
"@storybook/addon-viewport": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addon-a11y": "7.0.0-alpha.35",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addon-backgrounds": "7.0.0-alpha.35",
"@storybook/addon-controls": "7.0.0-alpha.35",
"@storybook/addon-docs": "7.0.0-alpha.35",
"@storybook/addon-highlight": "7.0.0-alpha.35",
"@storybook/addon-interactions": "7.0.0-alpha.35",
"@storybook/addon-links": "7.0.0-alpha.35",
"@storybook/addon-storyshots": "7.0.0-alpha.35",
"@storybook/addon-storysource": "7.0.0-alpha.35",
"@storybook/addon-viewport": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/jest": "^0.0.10",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.35",
"@storybook/testing-library": "0.0.14-next.0",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/vue-webpack5": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.35",
"@storybook/vue-webpack5": "7.0.0-alpha.35",
"@vue/babel-preset-jsx": "^1.2.4",
"babel-loader": "^8.2.5",
"cross-env": "^7.0.3",
"file-loader": "^6.2.0",
"prop-types": "^15.7.2",
"storybook": "7.0.0-alpha.34",
"storybook": "7.0.0-alpha.35",
"svg-url-loader": "^7.1.1",
"vue-loader": "^15.9.6",
"vue-style-loader": "^4.1.3",

2
code/examples/web-components-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{
"name": "web-components-kitchen-sink",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"private": true,
"description": "",
"keywords": [],

48
code/frameworks/angular/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
"keywords": [
"storybook",
@ -34,19 +34,19 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-client": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-client": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"@types/react": "^16.14.23",
"@types/react-dom": "^16.9.14",
@ -97,17 +97,17 @@
"webpack": "5"
},
"peerDependencies": {
"@angular-devkit/architect": ">=0.8.9",
"@angular-devkit/build-angular": ">=0.8.9 || >= 12.0.0",
"@angular-devkit/core": "^0.6.1 || >=7.0.0",
"@angular/cli": ">=6.0.0",
"@angular/common": ">=6.0.0",
"@angular/compiler": ">=6.0.0",
"@angular/compiler-cli": ">=6.0.0",
"@angular/core": ">=6.0.0",
"@angular/forms": ">=6.0.0",
"@angular/platform-browser": ">=6.0.0",
"@angular/platform-browser-dynamic": ">=6.0.0",
"@angular-devkit/architect": ">=0.1300.0",
"@angular-devkit/build-angular": ">=13.0.0",
"@angular-devkit/core": ">=13.0.0",
"@angular/cli": ">=13.0.0",
"@angular/common": ">=13.0.0",
"@angular/compiler": ">=13.0.0",
"@angular/compiler-cli": ">=13.0.0",
"@angular/core": ">=13.0.0",
"@angular/forms": ">=13.0.0",
"@angular/platform-browser": ">=13.0.0",
"@angular/platform-browser-dynamic": ">=13.0.0",
"@babel/core": "*",
"@nrwl/workspace": "14.6.1",
"rxjs": "^6.0.0 || ^7.4.0",
@ -129,5 +129,5 @@
"access": "public"
},
"builders": "dist/types/builders/builders.json",
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

1
code/frameworks/angular/src/preset.ts
View File

@ -3,7 +3,6 @@ import type { PresetProperty } from '@storybook/core-common';
import { StorybookConfig } from './types';
export const addons: PresetProperty<'addons', StorybookConfig> = [
require.resolve('./server/framework-preset-angular'),
require.resolve('./server/framework-preset-angular-cli'),
require.resolve('./server/framework-preset-angular-ivy'),
require.resolve('./server/framework-preset-angular-docs'),

45
code/frameworks/angular/src/server/__tests__/create-fork-ts-checker-plugin.test.ts
View File

@ -1,45 +0,0 @@
// import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
// import getTsLoaderOptions from '../ts_config';
// import createForkTsCheckerInstance from '../create-fork-ts-checker-plugin';
// // eslint-disable-next-line global-require, jest/no-mocks-import
// jest.mock('fs', () => require('../../../../../__mocks__/fs'));
// // jest.mock('path', () => ({
// // resolve: () => 'tsconfig.json',
// // posix: { dirname: jest.fn(() => '') },
// // extname: jest.fn(() => ''),
// // }));
// jest.mock('@storybook/node-logger');
// const setupFiles = (files: any) => {
// // eslint-disable-next-line no-underscore-dangle, global-require
// require('fs').__setMockFiles(files);
// };
// describe('create-fork-ts-checker-plugin.test', () => {
// it('should create a ForkTsCheckerWebpackPlugin instance', () => {
// setupFiles({ 'tsconfig.json': '{}' });
// const tsLoaderOptions = getTsLoaderOptions('.foo');
// // todo resolve any
// const instance: any = createForkTsCheckerInstance(tsLoaderOptions);
// expect(instance).toBeInstanceOf(ForkTsCheckerWebpackPlugin);
// expect(instance.tsconfig).toEqual(tsLoaderOptions.configFile);
// });
// it('should create a ForkTsCheckerWebpackPlugin instance without passing options', () => {
// // add proper typing
// const instance = createForkTsCheckerInstance({} as any);
// expect(instance).toBeInstanceOf(ForkTsCheckerWebpackPlugin);
// });
// });
it('work-around', () => {
expect(true).toBe(true);
});
// Make it work with --isolatedModules, we need a dummy export
/* eslint-disable jest/no-export */
export default {};

42
code/frameworks/angular/src/server/__tests__/ts_config.test.ts
View File

@ -1,42 +0,0 @@
import getTsLoaderOptions from '../ts_config';
// eslint-disable-next-line global-require, jest/no-mocks-import
jest.mock('fs', () => require('../../../../../__mocks__/fs'));
jest.mock('path', () => ({
resolve: () => 'tsconfig.json',
}));
jest.mock('@storybook/node-logger');
const setupFiles = (files: any) => {
// eslint-disable-next-line no-underscore-dangle, global-require
require('fs').__setMockFiles(files);
};
describe('ts_config', () => {
it('should return the config with the path to the tsconfig.json', () => {
setupFiles({ 'tsconfig.json': '{}' });
const config = getTsLoaderOptions('.foo');
expect(config).toEqual({
transpileOnly: true,
compilerOptions: {
emitDecoratorMetadata: true,
},
configFile: 'tsconfig.json',
});
});
it('should return object with transpileOnly: true when there is no tsconfig.json', () => {
setupFiles({});
const config = getTsLoaderOptions('.foo');
expect(config).toEqual({
transpileOnly: true,
compilerOptions: {
emitDecoratorMetadata: true,
},
});
});
});

7
code/frameworks/angular/src/server/angular-cli-webpack-12.2.x.d.ts vendored
View File

@ -1,7 +0,0 @@
import { JsonObject } from '@angular-devkit/core';
import { BuilderContext } from '@angular-devkit/architect';
export declare function getWebpackConfig(
baseConfig: any,
options: { builderOptions: JsonObject; builderContext: BuilderContext }
): any;

85
code/frameworks/angular/src/server/angular-cli-webpack-12.2.x.js
View File

@ -1,85 +0,0 @@
// Private angular devkit stuff
const {
generateI18nBrowserWebpackConfigFromContext,
} = require('@angular-devkit/build-angular/src/utils/webpack-browser-config');
const {
getCommonConfig,
getStylesConfig,
getTypeScriptConfig,
} = require('@angular-devkit/build-angular/src/webpack/configs');
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
const { filterOutStylingRules } = require('./utils/filter-out-styling-rules');
/**
* Extract webpack config from angular-cli 12.2.x
* ⚠️ This file is in JavaScript to not use TypeScript. Because current storybook TypeScript version is not compatible with Angular CLI.
* FIXME: Try another way with TypeScript on future storybook version (7 maybe 🤞)
*
* @param {*} baseConfig Previous webpack config from storybook
* @param {*} options { builderOptions, builderContext }
*/
exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }) => {
/**
* Get angular-cli Webpack config
*/
const { config: cliConfig } = await generateI18nBrowserWebpackConfigFromContext(
{
// Default options
index: 'noop-index',
main: 'noop-main',
outputPath: 'noop-out',
// Options provided by user
...builderOptions,
// Fixed options
optimization: false,
namedChunks: false,
progress: false,
buildOptimizer: false,
aot: false,
},
builderContext,
(wco) => [getCommonConfig(wco), getStylesConfig(wco), getTypeScriptConfig(wco)]
);
/**
* Merge baseConfig Webpack with angular-cli Webpack
*/
const entry = [
...baseConfig.entry,
...(cliConfig.entry.styles ?? []),
...(cliConfig.entry.polyfills ?? []),
];
// Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
// because @angular-devkit/build-angular created rules have include/exclude for global style files.
const rulesExcludingStyles = filterOutStylingRules(baseConfig);
const module = {
...baseConfig.module,
rules: [...cliConfig.module.rules, ...rulesExcludingStyles],
};
const plugins = [...(cliConfig.plugins ?? []), ...baseConfig.plugins];
const resolve = {
...baseConfig.resolve,
modules: Array.from(new Set([...baseConfig.resolve.modules, ...cliConfig.resolve.modules])),
plugins: [
new TsconfigPathsPlugin({
configFile: builderOptions.tsConfig,
mainFields: ['browser', 'module', 'main'],
}),
],
};
return {
...baseConfig,
entry,
module,
plugins,
resolve,
resolveLoader: cliConfig.resolveLoader,
};
};

148
code/frameworks/angular/src/server/angular-cli-webpack-older.ts
View File

@ -1,148 +0,0 @@
import webpack, { Configuration } from 'webpack';
import { logger } from '@storybook/node-logger';
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
import { targetFromTargetString, Target } from '@angular-devkit/architect';
import { workspaces } from '@angular-devkit/core';
import {
findAngularProjectTarget,
getDefaultProjectName,
readAngularWorkspaceConfig,
} from './angular-read-workspace';
import {
AngularCliWebpackConfig,
extractAngularCliWebpackConfig,
} from './angular-devkit-build-webpack';
import { filterOutStylingRules } from './utils/filter-out-styling-rules';
import type { PresetOptions } from './preset-options';
/**
* Old way currently support version lower than 12.2.x
*/
export async function getWebpackConfig(
baseConfig: webpack.Configuration,
options: PresetOptions
): Promise<Configuration> {
const dirToSearch = process.cwd();
// Read angular workspace
let workspaceConfig;
try {
workspaceConfig = await readAngularWorkspaceConfig(dirToSearch);
} catch (error) {
logger.error(
`=> Could not find angular workspace config (angular.json) on this path "${dirToSearch}"`
);
logger.info(`=> Fail to load angular-cli config. Using base config`);
return baseConfig;
}
// Find angular project target
let project: workspaces.ProjectDefinition;
let target: workspaces.TargetDefinition;
let confName: string;
try {
// Default behavior when `angularBrowserTarget` are not explicitly defined to null
if (options.angularBrowserTarget !== null) {
const browserTarget = options.angularBrowserTarget
? targetFromTargetString(options.angularBrowserTarget)
: ({
configuration: undefined,
project: getDefaultProjectName(workspaceConfig),
target: 'build',
} as Target);
const fondProject = findAngularProjectTarget(
workspaceConfig,
browserTarget.project,
browserTarget.target
);
project = fondProject.project;
target = fondProject.target;
confName = browserTarget.configuration;
logger.info(
`=> Using angular project "${browserTarget.project}:${browserTarget.target}${
confName ? `:${confName}` : ''
}" for configuring Storybook`
);
}
// Start storybook when only tsConfig is provided.
if (options.angularBrowserTarget === null && options.tsConfig) {
logger.info(`=> Using default angular project with "tsConfig:${options.tsConfig}"`);
project = { root: '', extensions: {}, targets: undefined };
target = { builder: '', options: { tsConfig: options.tsConfig } };
}
} catch (error) {
logger.error(`=> Could not find angular project: ${error.message}`);
logger.info(`=> Fail to load angular-cli config. Using base config`);
return baseConfig;
}
// Use angular-cli to get some webpack config
let angularCliWebpackConfig: AngularCliWebpackConfig;
try {
angularCliWebpackConfig = await extractAngularCliWebpackConfig(
dirToSearch,
project,
target,
confName
);
logger.info(`=> Using angular-cli webpack config`);
} catch (error) {
logger.error(`=> Could not get angular cli webpack config`);
throw error;
}
return mergeAngularCliWebpackConfig(angularCliWebpackConfig, baseConfig);
}
function mergeAngularCliWebpackConfig(
{ cliCommonWebpackConfig, cliStyleWebpackConfig, tsConfigPath }: AngularCliWebpackConfig,
baseConfig: webpack.Configuration
) {
// Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
// because @angular-devkit/build-angular created rules have include/exclude for global style files.
const rulesExcludingStyles = filterOutStylingRules(baseConfig);
// styleWebpackConfig.entry adds global style files to the webpack context
const entry = [
...(baseConfig.entry as string[]),
...Object.values(cliStyleWebpackConfig.entry).reduce((acc, item) => acc.concat(item), []),
];
const module = {
...baseConfig.module,
rules: [...cliStyleWebpackConfig.module.rules, ...rulesExcludingStyles],
};
// We use cliCommonConfig plugins to serve static assets files.
const plugins = [
...cliStyleWebpackConfig.plugins,
...cliCommonWebpackConfig.plugins,
...baseConfig.plugins,
];
const resolve = {
...baseConfig.resolve,
modules: Array.from(
new Set([...baseConfig.resolve.modules, ...cliCommonWebpackConfig.resolve.modules])
),
plugins: [
new TsconfigPathsPlugin({
configFile: tsConfigPath,
mainFields: ['browser', 'module', 'main'],
}),
],
};
return {
...baseConfig,
entry,
module,
plugins,
resolve,
resolveLoader: cliCommonWebpackConfig.resolveLoader,
};
}

215
code/frameworks/angular/src/server/angular-devkit-build-webpack.ts
View File

@ -1,215 +0,0 @@
/**
* This file is to be watched !
* The code must be compatible from @angular-devkit version 6.1.0 to the latest supported
*
* It uses code block of angular cli to extract parts of webpack configuration
*/
import path from 'path';
import webpack, { Configuration } from 'webpack';
import { normalize, resolve, workspaces, getSystemPath } from '@angular-devkit/core';
import { createConsoleLogger } from '@angular-devkit/core/node';
// Only type, so not dependent on the client version
import {
WebpackConfigOptions,
BuildOptions,
} from '@angular-devkit/build-angular/src/utils/build-options';
import { moduleIsAvailable } from './utils/module-is-available';
import { normalizeAssetPatterns } from './utils/normalize-asset-patterns';
import { normalizeOptimization } from './utils/normalize-optimization';
const importAngularCliWebpackConfigGenerator = (): {
getCommonConfig: (config: unknown) => webpack.Configuration;
getStylesConfig: (config: unknown) => webpack.Configuration;
} => {
let angularWebpackConfig;
// First we look for webpack config according to directory structure of Angular 11
if (moduleIsAvailable('@angular-devkit/build-angular/src/webpack/configs')) {
// eslint-disable-next-line global-require
angularWebpackConfig = require('@angular-devkit/build-angular/src/webpack/configs');
}
// We fallback on directory structure of Angular 10 (and below)
else if (
moduleIsAvailable('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs')
) {
// eslint-disable-next-line global-require
angularWebpackConfig = require('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs');
} else {
throw new Error('Webpack config not found in "@angular-devkit/build-angular"');
}
return {
getCommonConfig: angularWebpackConfig.getCommonConfig,
getStylesConfig: angularWebpackConfig.getStylesConfig,
};
};
const importAngularCliReadTsconfigUtil =
(): typeof import('@angular-devkit/build-angular/src/utils/read-tsconfig') => {
// First we look for webpack config according to directory structure of Angular 11
if (moduleIsAvailable('@angular-devkit/build-angular/src/utils/read-tsconfig')) {
// eslint-disable-next-line global-require
return require('@angular-devkit/build-angular/src/utils/read-tsconfig');
}
// We fallback on directory structure of Angular 10 (and below)
if (
moduleIsAvailable(
'@angular-devkit/build-angular/src/angular-cli-files/utilities/read-tsconfig'
)
) {
// eslint-disable-next-line global-require
return require('@angular-devkit/build-angular/src/angular-cli-files/utilities/read-tsconfig');
}
throw new Error('ReadTsconfig not found in "@angular-devkit/build-angular"');
};
const buildWebpackConfigOptions = async (
dirToSearch: string,
project: workspaces.ProjectDefinition,
target: workspaces.TargetDefinition,
confName?: string
): Promise<WebpackConfigOptions> => {
let conf: Record<string, unknown> = {};
if (confName) {
if (!target.configurations) {
throw new Error('Missing "configurations" section in project target');
}
if (!target.configurations[confName]) {
throw new Error(`Missing required configuration in project target. Check "${confName}"`);
}
conf = target.configurations[confName];
}
const projectBuildOptions = { ...target.options, ...conf };
const requiredOptions = ['tsConfig'];
if (!requiredOptions.every((key) => !!projectBuildOptions[key])) {
throw new Error(
`Missing required options in project target. Check "${requiredOptions.join(', ')}"`
);
}
const workspaceRootNormalized = normalize(dirToSearch);
const projectRootNormalized = resolve(
workspaceRootNormalized,
normalize((project.root as string) || '')
);
const sourceRootNormalized = project.sourceRoot
? resolve(workspaceRootNormalized, normalize(project.sourceRoot))
: undefined;
const tsConfigPath = path.resolve(
getSystemPath(workspaceRootNormalized),
projectBuildOptions.tsConfig as string
);
const tsConfig = await importAngularCliReadTsconfigUtil().readTsconfig(tsConfigPath);
const ts = await import('typescript');
const scriptTarget = tsConfig.options.target || ts.ScriptTarget.ES5;
const buildOptions: BuildOptions = {
// Default options
budgets: [],
fileReplacements: [],
main: '',
outputPath: 'dist/storybook-angular',
scripts: [],
sourceMap: {},
styles: [],
// Deleted in angular 12. Keep for compatibility with versions lower than angular 12
lazyModules: [],
// Project Options
...projectBuildOptions,
assets: normalizeAssetPatterns(
(projectBuildOptions.assets as any[]) || [],
workspaceRootNormalized,
projectRootNormalized,
sourceRootNormalized
),
optimization: normalizeOptimization(projectBuildOptions.optimization as any),
// Forced options
statsJson: false,
// Deleted in angular 12. Keep for compatibility with versions lower than angular 12
// @ts-expect-error (Converted from ts-ignore)
forkTypeChecker: false,
};
return {
projectName: 'this-is-just-a-fake-name-for-getting-rid-of-the-error',
root: getSystemPath(workspaceRootNormalized),
// The dependency of `@angular-devkit/build-angular` to `@angular-devkit/core` is not exactly the same version as the one for storybook (node modules of node modules ^^)
logger: createConsoleLogger() as unknown as WebpackConfigOptions['logger'],
projectRoot: getSystemPath(projectRootNormalized),
sourceRoot: sourceRootNormalized ? getSystemPath(sourceRootNormalized) : undefined,
buildOptions,
tsConfig,
tsConfigPath,
scriptTarget,
};
};
export type AngularCliWebpackConfig = {
cliCommonWebpackConfig: {
plugins: Configuration['plugins'];
resolve: {
modules: string[];
};
resolveLoader: Configuration['resolveLoader'];
};
cliStyleWebpackConfig: {
entry: Configuration['entry'];
module: {
rules: Configuration['module']['rules'];
};
plugins: Configuration['plugins'];
};
tsConfigPath: string;
};
/**
* Uses angular cli to extract webpack configuration.
* The `AngularCliWebpackConfig` type lists the parts used by storybook
*/
export async function extractAngularCliWebpackConfig(
dirToSearch: string,
project: workspaces.ProjectDefinition,
target: workspaces.TargetDefinition,
confName?: string
): Promise<AngularCliWebpackConfig> {
const { getCommonConfig, getStylesConfig } = importAngularCliWebpackConfigGenerator();
const webpackConfigOptions = await buildWebpackConfigOptions(
dirToSearch,
project,
target,
confName
);
const cliCommonConfig = getCommonConfig(webpackConfigOptions);
const cliStyleConfig = getStylesConfig(webpackConfigOptions);
return {
cliCommonWebpackConfig: {
plugins: cliCommonConfig.plugins,
resolve: {
modules: cliCommonConfig.resolve?.modules,
},
resolveLoader: cliCommonConfig.resolveLoader,
},
cliStyleWebpackConfig: {
entry: cliStyleConfig.entry,
module: {
rules: [...cliStyleConfig.module.rules],
},
plugins: cliStyleConfig.plugins,
},
tsConfigPath: webpackConfigOptions.tsConfigPath,
};
}

17
code/frameworks/angular/src/server/create-fork-ts-checker-plugin.ts
View File

@ -1,17 +0,0 @@
/* eslint-disable func-names */
import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
import { logger } from '@storybook/node-logger';
import { Options } from 'ts-loader';
export default function (tsLoaderOptions: Partial<Options>) {
if (tsLoaderOptions && tsLoaderOptions.configFile) {
return new ForkTsCheckerWebpackPlugin({
typescript: { configFile: tsLoaderOptions.configFile },
async: true,
});
}
logger.info('=> Using default options for ForkTsCheckerWebpackPlugin');
return new ForkTsCheckerWebpackPlugin();
}

20
code/frameworks/angular/src/server/framework-preset-angular-cli.ts
View File

@ -8,9 +8,7 @@ import { dedent } from 'ts-dedent';
import { logging, JsonObject } from '@angular-devkit/core';
import { moduleIsAvailable } from './utils/module-is-available';
import { getWebpackConfig as getWebpackConfig12_2_x } from './angular-cli-webpack-12.2.x';
import { getWebpackConfig as getWebpackConfig13_x_x } from './angular-cli-webpack-13.x.x';
import { getWebpackConfig as getWebpackConfigOlder } from './angular-cli-webpack-older';
import type { PresetOptions } from './preset-options';
import {
getDefaultProjectName,
@ -55,24 +53,6 @@ export async function webpackFinal(baseConfig: webpack.Configuration, options: P
});
},
},
{
info: '=> Loading angular-cli config for angular 12.2.x',
condition: semver.satisfies(angularCliVersion, '12.2.x') && options.angularBuilderContext,
getWebpackConfig: async (_baseConfig, _options) => {
const builderContext = getBuilderContext(_options);
const builderOptions = await getBuilderOptions(_options, builderContext);
return getWebpackConfig12_2_x(_baseConfig, {
builderOptions,
builderContext,
});
},
},
{
info: '=> Loading angular-cli config for angular lower than 12.2.0',
condition: true,
getWebpackConfig: getWebpackConfigOlder,
},
];
const webpackGetter = webpackGetterByVersions.find((wg) => wg.condition);

84
code/frameworks/angular/src/server/framework-preset-angular.ts
View File

@ -1,84 +0,0 @@
import path from 'path';
import semver from '@storybook/semver';
import { ContextReplacementPlugin, Configuration } from 'webpack';
import autoprefixer from 'autoprefixer';
import getTsLoaderOptions from './ts_config';
import createForkTsCheckerInstance from './create-fork-ts-checker-plugin';
export async function webpack(
config: Configuration,
{ configDir, angularBuilderContext }: { configDir: string; angularBuilderContext: any }
): Promise<Configuration> {
try {
// Disable all this webpack stuff if we use angular-cli >= 12
// Angular cli is in charge of doing all the necessary for angular. If there is any additional configuration to add, it must be done in the preset angular-cli versioned.
const angularCliVersion = await import('@angular/cli').then((m) =>
semver.coerce(m.VERSION.full)
);
if (
(semver.satisfies(angularCliVersion, '12.2.x') && angularBuilderContext) ||
semver.satisfies(angularCliVersion, '>=13.0.0')
) {
return config;
}
} catch (error) {
// do nothing, continue
}
const tsLoaderOptions = getTsLoaderOptions(configDir);
return {
...config,
module: {
...config.module,
rules: [
...config.module.rules,
{
test: /\.tsx?$/,
use: [
{
loader: require.resolve('ts-loader'),
options: tsLoaderOptions,
},
{ loader: path.resolve(__dirname, 'ngx-template-loader') },
],
},
{
test: /[/\\]@angular[/\\]core[/\\].+\.js$/,
parser: { system: false },
},
{
test: /\.html$/,
loader: require.resolve('raw-loader'),
exclude: /\.async\.html$/,
},
{
test: /\.s(c|a)ss$/,
use: [
{ loader: require.resolve('raw-loader') },
{
loader: require.resolve('postcss-loader'),
options: {
postcssOptions: {
plugins: [autoprefixer()],
},
},
},
{ loader: require.resolve('sass-loader') },
],
},
],
},
resolve: {
...config.resolve,
},
plugins: [
...config.plugins,
// See https://github.com/angular/angular/issues/11580#issuecomment-401127742
new ContextReplacementPlugin(
/@angular(\\|\/)core(\\|\/)(fesm5|bundles)/,
path.resolve(__dirname, '..')
),
createForkTsCheckerInstance(tsLoaderOptions) as any as Configuration['plugins'][0],
],
};
}

48
code/frameworks/angular/src/server/ngx-template-loader/index.ts
View File

@ -1,48 +0,0 @@
/*
* By the time this file was added the repository for angular2-template-loader received no updates in 3 years
* This is just a copy of https://github.com/TheLarkInn/angular2-template-loader/blob/master/index.js in order
* to fix a bug that prevents Storybook from updating raw-loader > ^1.0.0
*
* As suggested in https://github.com/storybookjs/storybook/issues/7877#issuecomment-536556755 this code was
* modified to be compatible with newer versions of raw-loader as well as backwards compatible with raw-loader ^1.0.0
*/
// using: regex, capture groups, and capture group variables.
const templateUrlRegex = /templateUrl\s*:(\s*['"`](.*?)['"`]\s*([,}]))/gm;
const stylesRegex = /styleUrls *:(\s*\[[^\]]*?\])/g;
const stringRegex = /(['`"])((?:[^\\]\\\1|.)*?)\1/g;
const replaceStringsWithRequires = (string: string) => {
return string.replace(stringRegex, (match, quote, url) => {
let newUrl = url;
if (url.charAt(0) !== '.') {
newUrl = `./${url}`;
}
const requireString = `(require('${newUrl}').default || require('${newUrl}'))`;
// without the length check an empty style file will throw
// "Expected 'styles' to be an array of strings"
return `${requireString}.length ? ${requireString} : ''`;
});
};
export default function (source: string) {
const styleProperty = 'styles';
const templateProperty = 'template';
return source
.replace(templateUrlRegex, (_, templateUrlString: string) => {
// replace: templateUrl: './path/to/template.html'
// with: template: require('./path/to/template.html')
// or: templateUrl: require('./path/to/template.html')
// if `keepUrl` query parameter is set to true.
return `${templateProperty}:${replaceStringsWithRequires(templateUrlString)}`;
})
.replace(stylesRegex, (_, styleUrlsString: string) => {
// replace: stylesUrl: ['./foo.css', "./baz.css", "./index.component.css"]
// with: styles: [require('./foo.css'), require("./baz.css"), require("./index.component.css")]
// or: styleUrls: [require('./foo.css'), require("./baz.css"), require("./index.component.css")]
// if `keepUrl` query parameter is set to true.
return `${styleProperty}:${replaceStringsWithRequires(styleUrlsString)}`;
});
}

26
code/frameworks/angular/src/server/ts_config.ts
View File

@ -1,26 +0,0 @@
import fs from 'fs';
import path from 'path';
import { logger } from '@storybook/node-logger';
import { Options } from 'ts-loader';
function resolveTsConfig(tsConfigPath: string): string | undefined {
if (fs.existsSync(tsConfigPath)) {
logger.info('=> Found custom tsconfig.json');
return tsConfigPath;
}
return undefined;
}
export default function (configDir: string) {
const tsLoaderOptions: Partial<Options> = {
transpileOnly: true,
compilerOptions: {
emitDecoratorMetadata: true,
},
};
const configFilePath = resolveTsConfig(path.resolve(configDir, 'tsconfig.json'));
if (configFilePath) tsLoaderOptions.configFile = configFilePath;
return tsLoaderOptions;
}

14
code/frameworks/ember/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
"bugs": {
@ -30,11 +30,11 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-client": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-client": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"global": "^4.4.0",
"react": "16.14.0",
"react-dom": "16.14.0",
@ -57,5 +57,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/html-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/html-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/html": "7.0.0-alpha.34",
"@storybook/preset-html-webpack": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/html": "7.0.0-alpha.35",
"@storybook/preset-html-webpack": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"global": "^4.4.0",
"react": "16.14.0",
@ -78,5 +78,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/preact-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preact-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preact": "7.0.0-alpha.34",
"@storybook/preset-preact-webpack": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preact": "7.0.0-alpha.35",
"@storybook/preset-preact-webpack": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -79,5 +79,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

18
code/frameworks/react-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -53,13 +53,13 @@
"dependencies": {
"@joshwooding/vite-plugin-react-docgen-typescript": "^0.0.5",
"@rollup/pluginutils": "^4.2.0",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@vitejs/plugin-react": "^2.0.0",
"ast-types": "^0.14.2",
"magic-string": "^0.26.1",
@ -88,5 +88,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

10
code/frameworks/react-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,9 +51,9 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/preset-react-webpack": "7.0.0-alpha.34",
"@storybook/react": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/preset-react-webpack": "7.0.0-alpha.35",
"@storybook/react": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0"
},
"devDependencies": {
@ -86,5 +86,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/server-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/server-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-server-webpack": "7.0.0-alpha.34",
"@storybook/server": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-server-webpack": "7.0.0-alpha.35",
"@storybook/server": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -74,5 +74,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

28
code/frameworks/svelte-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -52,14 +52,14 @@
},
"dependencies": {
"@storybook/addon-svelte-csf": "^2.0.0",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/svelte": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/svelte": "7.0.0-alpha.35",
"@sveltejs/vite-plugin-svelte": "^1.0.0",
"magic-string": "^0.26.1",
"svelte": "^3.0.0",
@ -71,6 +71,14 @@
"typescript": "~4.6.3",
"vite": "^3.1.3"
},
"peerDependencies": {
"@storybook/addon-svelte-csf": "^2.0.0"
},
"peerDependenciesMeta": {
"@storybook/addon-svelte-csf": {
"optional": true
}
},
"engines": {
"node": "^14.18 || >=16"
},
@ -84,5 +92,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

3
code/frameworks/svelte-vite/src/plugins/csf-plugin.ts
View File

@ -5,12 +5,13 @@ import type { Options } from '@sveltejs/vite-plugin-svelte';
import * as svelte from 'svelte/compiler';
import MagicString from 'magic-string';
import { createFilter } from 'vite';
import type { PluginOption } from 'vite';
const parser = require
.resolve('@storybook/addon-svelte-csf/dist/esm/parser/collect-stories')
.replace(/[/\\]/g, '/');
export default function csfPlugin(svelteOptions?: Options) {
export default function csfPlugin(svelteOptions?: Options): PluginOption {
const include = /\.stories\.svelte$/;
const filter = createFilter(include);

25
code/frameworks/svelte-vite/src/preset.ts
View File

@ -8,17 +8,36 @@ export const core: StorybookConfig['core'] = {
builder: '@storybook/builder-vite',
};
export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => {
export const viteFinal: StorybookConfig['viteFinal'] = async (config, options) => {
const { plugins = [] } = config;
const { svelte, loadSvelteConfig } = await import('@sveltejs/vite-plugin-svelte');
const svelteOptions: Record<string, any> = await options.presets.apply(
'svelteOptions',
{},
options
);
const svelteConfig = { ...(await loadSvelteConfig()), ...svelteOptions };
// Add svelte plugin if not present
if (!hasPlugin(plugins, 'vite-plugin-svelte')) {
const { svelte } = await import('@sveltejs/vite-plugin-svelte');
plugins.push(svelte());
}
// Add docgen plugin
plugins.push(svelteDocgen(config));
plugins.push(svelteDocgen(svelteConfig));
// TODO: temporary until/unless https://github.com/storybookjs/addon-svelte-csf/issues/64 is fixed
// Wrapping in try-catch in case `@storybook/addon-svelte-csf is not installed
try {
const { default: svelteCsfPlugin } = await import('./plugins/csf-plugin');
plugins.push(svelteCsfPlugin(svelteConfig));
} catch (err) {
// Not all projects use `.stories.svelte` for stories, and by default 6.5+ does not auto-install @storybook/addon-svelte-csf.
// If it's any other kind of error, re-throw.
if ((err as NodeJS.ErrnoException).code !== 'MODULE_NOT_FOUND') {
throw err;
}
}
return {
...config,

12
code/frameworks/svelte-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,10 +51,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-svelte-webpack": "7.0.0-alpha.34",
"@storybook/svelte": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-svelte-webpack": "7.0.0-alpha.35",
"@storybook/svelte": "7.0.0-alpha.35",
"react": "16.14.0",
"react-dom": "16.14.0"
},
@ -81,5 +81,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

22
code/frameworks/vue-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,15 +50,15 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"magic-string": "^0.26.1",
"vite": "^3.1.3",
"vue-docgen-api": "^4.40.0"
@ -83,5 +83,5 @@
],
"platform": "node"
},
"gitHead": "5da5b0fabd04cc5cd5771e8242a960f05d03234a"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/vue-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-vue-webpack": "7.0.0-alpha.34",
"@storybook/vue": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-vue-webpack": "7.0.0-alpha.35",
"@storybook/vue": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -85,5 +85,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

20
code/frameworks/vue3-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,14 +51,14 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/vue3": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/vue3": "7.0.0-alpha.35",
"@vitejs/plugin-vue": "^3.0.0",
"magic-string": "^0.26.1",
"vite": "^3.1.3",
@ -82,5 +82,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/vue3-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -50,10 +50,10 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-vue3-webpack": "7.0.0-alpha.34",
"@storybook/vue3": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-vue3-webpack": "7.0.0-alpha.35",
"@storybook/vue3": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -82,5 +82,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

22
code/frameworks/web-components-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
"keywords": [
"storybook"
@ -51,15 +51,15 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/builder-vite": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/web-components": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/builder-vite": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/web-components": "7.0.0-alpha.35",
"@vitejs/plugin-vue": "^3.0.3",
"magic-string": "^0.26.1",
"vite": "3"
@ -82,5 +82,5 @@
],
"platform": "node"
},
"gitHead": "02c013c33186479017098d532a18ff8654b91f1f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

12
code/frameworks/web-components-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [
"lit-html",
@ -53,10 +53,10 @@
},
"dependencies": {
"@babel/preset-env": "^7.12.11",
"@storybook/builder-webpack5": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/preset-web-components-webpack": "7.0.0-alpha.34",
"@storybook/web-components": "7.0.0-alpha.34",
"@storybook/builder-webpack5": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/preset-web-components-webpack": "7.0.0-alpha.35",
"@storybook/web-components": "7.0.0-alpha.35",
"@types/node": "^14.14.20 || ^16.0.0",
"react": "16.14.0",
"react-dom": "16.14.0"
@ -81,5 +81,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

2
code/lerna.json
View File

@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
"version": "7.0.0-alpha.34"
"version": "7.0.0-alpha.35"
}

16
code/lib/addons/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addons",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook addons store",
"keywords": [
"storybook"
@ -42,13 +42,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"global": "^4.4.0"
},
"peerDependencies": {
@ -63,5 +63,5 @@
"./src/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

16
code/lib/api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/api",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Core Storybook API & Context",
"keywords": [
"storybook"
@ -45,13 +45,13 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.35",
"dequal": "^2.0.2",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -63,7 +63,7 @@
},
"devDependencies": {
"@jest/globals": "^26.6.2",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.35",
"@types/lodash": "^4.14.167",
"@types/qs": "^6",
"flush-promises": "^1.0.2",
@ -83,5 +83,5 @@
"./src/shortcut.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

2
code/lib/api/src/version.ts
View File

@ -1 +1 @@
export const version = '7.0.0-alpha.34';
export const version = '7.0.0-alpha.35';

26
code/lib/blocks/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/blocks",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook Doc Blocks",
"keywords": [
"storybook"
@ -41,16 +41,16 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/csf": "0.0.2--canary.0899bb7.0",
"@storybook/docs-tools": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"color-convert": "^2.0.1",
"dequal": "^2.0.2",
"global": "^4.4.0",
@ -63,8 +63,8 @@
"util-deprecate": "^1.0.2"
},
"devDependencies": {
"@storybook/addon-actions": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/addon-actions": "7.0.0-alpha.35",
"@storybook/addons": "7.0.0-alpha.35",
"@types/color-convert": "^2.0.0"
},
"peerDependencies": {
@ -78,5 +78,5 @@
"./src/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

11
code/lib/blocks/src/controls/Boolean.tsx
View File

@ -14,7 +14,7 @@ const Label = styled.label(({ theme }) => ({
display: 'inline-block',
position: 'relative',
whiteSpace: 'nowrap',
background: `${opacify(0.05, theme.appBorderColor)}`,
background: theme.boolean.background,
borderRadius: '3em',
padding: 1,
@ -50,7 +50,7 @@ const Label = styled.label(({ theme }) => ({
userSelect: 'none',
borderRadius: '3em',
color: transparentize(0.4, theme.color.defaultText),
color: transparentize(0.5, theme.color.defaultText),
background: 'transparent',
'&:hover': {
@ -71,8 +71,11 @@ const Label = styled.label(({ theme }) => ({
},
'input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type': {
background: theme.background.app,
boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`,
background: theme.boolean.selectedBackground,
boxShadow:
theme.base === 'light'
? `${opacify(0.1, theme.appBorderColor)} 0 0 2px`
: `${theme.appBorderColor} 0 0 0 1px`,
color: theme.color.defaultText,
padding: '7px 15px',
},

2
code/lib/blocks/src/controls/Color.tsx
View File

@ -59,7 +59,7 @@ const SwatchColor = styled.div<{ active: boolean }>(({ theme, active }) => ({
width: 16,
height: 16,
boxShadow: active
? `${theme.appBorderColor} 0 0 0 1px inset, ${theme.color.mediumdark}50 0 0 0 4px`
? `${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`
: `${theme.appBorderColor} 0 0 0 1px inset`,
borderRadius: theme.appBorderRadius,
}));

12
code/lib/blocks/src/controls/Object.tsx
View File

@ -124,8 +124,8 @@ const Wrapper = styled.div(({ theme }) => ({
color: theme.color.defaultText,
},
'.rejt-value-node:hover > .rejt-value': {
background: theme.background.app,
borderColor: theme.color.border,
background: theme.color.lighter,
borderColor: theme.appBorderColor,
},
}));
@ -151,7 +151,7 @@ const ActionIcon = styled(Icons)(({ theme, icon, disabled }: ActionIconProps) =>
padding: 3,
marginLeft: 5,
cursor: disabled ? 'not-allowed' : 'pointer',
color: theme.color.mediumdark,
color: theme.textMutedColor,
'&:hover': disabled
? {}
: {
@ -168,7 +168,7 @@ const Input = styled.input(({ theme, placeholder }) => ({
padding: '3px 4px',
color: theme.color.defaultText,
background: theme.background.app,
border: `1px solid ${theme.color.border}`,
border: `1px solid ${theme.appBorderColor}`,
borderRadius: 4,
lineHeight: '14px',
width: placeholder === 'Key' ? 80 : 120,
@ -185,9 +185,9 @@ const RawButton = styled(IconButton)(({ theme }) => ({
height: 21,
padding: '0 3px',
background: theme.background.bar,
border: `1px solid ${theme.color.border}`,
border: `1px solid ${theme.appBorderColor}`,
borderRadius: 3,
color: theme.color.mediumdark,
color: theme.textMutedColor,
fontSize: '9px',
fontWeight: 'bold',
textDecoration: 'none',

4
code/lib/blocks/src/controls/Range.tsx
View File

@ -96,9 +96,9 @@ const RangeInput = styled.input<{ min: number; max: number; value: number }>(
'&::-moz-range-thumb': {
width: 16,
height: 16,
border: `1px solid ${rgba(theme.color.border, 0.2)}`,
border: `1px solid ${rgba(theme.appBorderColor, 0.2)}`,
borderRadius: '50px',
boxShadow: `0 1px 3px 0px ${rgba(theme.color.border, 0.2)}`,
boxShadow: `0 1px 3px 0px ${rgba(theme.appBorderColor, 0.2)}`,
cursor: 'grab',
background: `${theme.input.background}`,
transition: 'all 150ms ease-out',

43
code/lib/blocks/src/controls/options/Select.tsx
View File

@ -47,7 +47,7 @@ const OptionsSelect = styled.select(({ theme }) => ({
},
'::placeholder': {
color: theme.color.mediumdark,
color: theme.textMutedColor,
},
'&[multiple]': {
@ -63,28 +63,29 @@ const OptionsSelect = styled.select(({ theme }) => ({
},
}));
const SelectWrapper = styled.span`
display: inline-block;
line-height: normal;
overflow: hidden;
position: relative;
vertical-align: top;
width: 100%;
const SelectWrapper = styled.span(({ theme }) => ({
display: 'inline-block',
lineHeight: 'normal',
overflow: 'hidden',
position: 'relative',
verticalAlign: 'top',
width: '100%',
svg {
position: absolute;
z-index: 1;
pointer-events: none;
height: 12px;
margin-top: -6px;
right: 12px;
top: 50%;
svg: {
position: 'absolute',
zIndex: 1,
pointerEvents: 'none',
height: '12px',
marginTop: '-6px',
right: '12px',
top: '50%',
fill: theme.textMutedColor,
path {
fill: currentColor;
}
}
`;
path: {
fill: theme.textMutedColor,
},
},
}));
type SelectConfig = NormalizedOptionsConfig & { isMulti: boolean };
type SelectProps = ControlProps<OptionsSelection> & SelectConfig;

10
code/lib/builder-manager/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-manager",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook manager builder",
"keywords": [
"storybook"
@ -42,9 +42,9 @@
},
"dependencies": {
"@fal-works/esbuild-plugin-global-externals": "^2.1.2",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/ui": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/ui": "7.0.0-alpha.35",
"@types/ejs": "^3.1.1",
"@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
"browser-assert": "^1.2.1",
@ -68,5 +68,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

16
code/lib/builder-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-vite",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "A plugin to run and build Storybooks with Vite",
"homepage": "https://github.com/storybookjs/storybook/tree/main/code/lib/builder-vite/#readme",
"repository": {
@ -19,13 +19,13 @@
},
"dependencies": {
"@joshwooding/vite-plugin-react-docgen-typescript": "0.0.5",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/mdx1-csf": "0.0.5-canary.13.9ce928a.0",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/source-loader": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/source-loader": "7.0.0-alpha.35",
"@vitejs/plugin-react": "^2.0.0",
"browser-assert": "^1.2.1",
"es-module-lexer": "^0.9.3",
@ -53,5 +53,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

36
code/lib/builder-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack5",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -34,23 +34,23 @@
},
"dependencies": {
"@babel/core": "^7.12.10",
"@storybook/addons": "7.0.0-alpha.34",
"@storybook/api": "7.0.0-alpha.34",
"@storybook/channel-postmessage": "7.0.0-alpha.34",
"@storybook/channel-websocket": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/components": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/core-webpack": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/preview-web": "7.0.0-alpha.34",
"@storybook/router": "7.0.0-alpha.34",
"@storybook/addons": "7.0.0-alpha.35",
"@storybook/api": "7.0.0-alpha.35",
"@storybook/channel-postmessage": "7.0.0-alpha.35",
"@storybook/channel-websocket": "7.0.0-alpha.35",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-api": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/components": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"@storybook/core-webpack": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/preview-web": "7.0.0-alpha.35",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/store": "7.0.0-alpha.34",
"@storybook/theming": "7.0.0-alpha.34",
"@storybook/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@types/node": "^14.0.10 || ^16.0.0",
"babel-loader": "^8.2.5",
"babel-plugin-named-exports-order": "^0.0.2",
@ -92,5 +92,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

14
code/lib/builder-webpack5/src/preview/base-webpack.config.ts
View File

@ -1,7 +1,6 @@
import { logger } from '@storybook/node-logger';
import type { Options, CoreConfig } from '@storybook/core-common';
import type { Options } from '@storybook/core-common';
import type { Configuration } from 'webpack';
import type { BuilderOptions } from '../types';
export async function createDefaultWebpackConfig(
storybookBaseConfig: Configuration,
@ -45,15 +44,6 @@ export async function createDefaultWebpackConfig(
const isProd = storybookBaseConfig.mode !== 'development';
const coreOptions = await options.presets.apply<CoreConfig>('core');
const builderOptions: BuilderOptions =
typeof coreOptions.builder === 'string'
? {}
: coreOptions.builder?.options || ({} as BuilderOptions);
const cacheConfig = builderOptions.fsCache ? { cache: { type: 'filesystem' as const } } : {};
const lazyCompilationConfig =
builderOptions.lazyCompilation && !isProd ? { lazyCompilation: { entries: false } } : {};
return {
...storybookBaseConfig,
module: {
@ -94,7 +84,5 @@ export async function createDefaultWebpackConfig(
...storybookBaseConfig.resolve?.fallback,
},
},
...cacheConfig,
experiments: { ...storybookBaseConfig.experiments, ...lazyCompilationConfig },
};
}

14
code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
View File

@ -78,7 +78,9 @@ export default async (
const template = await presets.apply<string>('previewMainTemplate');
const coreOptions = await presets.apply<CoreConfig>('core');
const builderOptions: BuilderOptions =
typeof coreOptions.builder === 'string' ? {} : coreOptions.builder?.options || {};
typeof coreOptions.builder === 'string'
? {}
: coreOptions.builder?.options || ({} as BuilderOptions);
const docsOptions = await presets.apply<DocsOptions>('docs');
const previewAnnotations = [
@ -160,6 +162,14 @@ export default async (
const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipBabel;
const tsCheckOptions = typescriptOptions.checkOptions || {};
const cacheConfig = builderOptions.fsCache ? { cache: { type: 'filesystem' as const } } : {};
const lazyCompilationConfig =
builderOptions.lazyCompilation && !isProd
? {
lazyCompilation: { entries: false },
}
: {};
return {
name: 'preview',
mode: isProd ? 'production' : 'development',
@ -289,5 +299,7 @@ export default async (
performance: {
hints: isProd ? 'warning' : false,
},
...cacheConfig,
experiments: { ...lazyCompilationConfig },
};
};

10
code/lib/channel-postmessage/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-postmessage",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "",
"keywords": [
"storybook"
@ -34,9 +34,9 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/core-events": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"@storybook/core-events": "7.0.0-alpha.35",
"global": "^4.4.0",
"qs": "^6.10.0",
"telejson": "^6.0.8"
@ -47,5 +47,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

8
code/lib/channel-websocket/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channel-websocket",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "",
"keywords": [
"storybook"
@ -34,8 +34,8 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/channels": "7.0.0-alpha.34",
"@storybook/client-logger": "7.0.0-alpha.34",
"@storybook/channels": "7.0.0-alpha.35",
"@storybook/client-logger": "7.0.0-alpha.35",
"global": "^4.4.0",
"telejson": "^6.0.8"
},
@ -45,5 +45,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

4
code/lib/channels/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "",
"keywords": [
"storybook"
@ -56,5 +56,5 @@
"./src/index.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

6
code/lib/cli-sb/package.json
View File

@ -1,6 +1,6 @@
{
"name": "sb",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -25,7 +25,7 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "7.0.0-alpha.34"
"@storybook/cli": "7.0.0-alpha.35"
},
"devDependencies": {
"typescript": "~4.6.3"
@ -33,5 +33,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

6
code/lib/cli-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook CLI",
"keywords": [
"storybook"
@ -28,7 +28,7 @@
"prep": "node ../../../scripts/prepare.js"
},
"dependencies": {
"@storybook/cli": "7.0.0-alpha.34"
"@storybook/cli": "7.0.0-alpha.35"
},
"devDependencies": {
"typescript": "~4.6.3"
@ -36,5 +36,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

18
code/lib/cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
"version": "7.0.0-alpha.34",
"version": "7.0.0-alpha.35",
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [
"cli",
@ -43,13 +43,13 @@
"dependencies": {
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"@storybook/codemod": "7.0.0-alpha.34",
"@storybook/core-common": "7.0.0-alpha.34",
"@storybook/core-server": "7.0.0-alpha.34",
"@storybook/csf-tools": "7.0.0-alpha.34",
"@storybook/node-logger": "7.0.0-alpha.34",
"@storybook/codemod": "7.0.0-alpha.35",
"@storybook/core-common": "7.0.0-alpha.35",
"@storybook/core-server": "7.0.0-alpha.35",
"@storybook/csf-tools": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@storybook/semver": "^7.3.2",
"@storybook/telemetry": "7.0.0-alpha.34",
"@storybook/telemetry": "7.0.0-alpha.35",
"boxen": "^5.1.2",
"chalk": "^4.1.0",
"commander": "^6.2.1",
@ -73,7 +73,7 @@
"update-notifier": "^5.0.1"
},
"devDependencies": {
"@storybook/client-api": "7.0.0-alpha.34",
"@storybook/client-api": "7.0.0-alpha.35",
"@types/cross-spawn": "^6.0.2",
"@types/degit": "^2.8.3",
"@types/prompts": "^2.0.9",
@ -94,5 +94,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

24
code/lib/cli/src/repro-templates.ts
View File

@ -120,20 +120,16 @@ const svelteViteTemplates = {
builder: '@storybook/builder-vite',
},
},
/*
* I disabled this, because it was flaky
* TODO: we should fixd the instability and re-enable it
*/
// 'svelte-vite/default-ts': {
// name: 'Svelte Vite (TS)',
// script: 'yarn create vite . --template svelte-ts',
// cadence: ['ci', 'daily', 'weekly'],
// expected: {
// framework: '@storybook/svelte-vite',
// renderer: '@storybook/svelte',
// builder: '@storybook/builder-vite'
// }
// }
'svelte-vite/default-ts': {
name: 'Svelte Vite (TS)',
script: 'yarn create vite . --template svelte-ts',
cadence: ['ci', 'daily', 'weekly'],
expected: {
framework: '@storybook/svelte-vite',
renderer: '@storybook/svelte',
builder: '@storybook/builder-vite',
},
},
};
const litViteTemplates = {

Some files were not shown because too many files have changed in this diff Show More