Merge branch 'next' of https://github.com/danielamram/storybook into replace-storybook-semver

This commit is contained in:
danielamram 2022-10-06 15:38:49 +03:00
commit 5f31096c36
180 changed files with 2050 additions and 2600 deletions

View File

@ -316,7 +316,7 @@ jobs:
executor:
class: medium+
name: sb_node_14_browsers
parallelism: 11
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: 10
parallelism: 13
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: 11
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: 11
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: 11
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: 11
parallelism: 13
steps:
- git-shallow-clone/checkout_advanced:
clone_options: '--depth 1 --verbose'

View File

@ -9,6 +9,7 @@ on:
branches:
- vite-frameworks-xyz
- norbert/sb-524-webpack5react18ts
- norbert/sb-525-webpack5react17js
jobs:
generate:

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

View File

@ -1,238 +1,285 @@
## 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
- Vite: Export storybook utilities from frameworks for better pnpm support [#19216](https://github.com/storybooks/storybook/pull/19216)
- Vite: Export storybook utilities from frameworks for better pnpm support [#19216](https://github.com/storybooks/storybook/pull/19216)
#### Bug Fixes
- Vite: Do not add Webpack loaders when using Vite builder [#19263](https://github.com/storybooks/storybook/pull/19263)
- Source-loader: Fix invalid call to CSF sanitize [#18930](https://github.com/storybooks/storybook/pull/18930)
- Svelte: generate preview file with js extension always [#19253](https://github.com/storybooks/storybook/pull/19253)
- UI: Fix react runtime for addons in manager [#19226](https://github.com/storybooks/storybook/pull/19226)
- Svelte: Fix button component not accepting the onClick handler [#19249](https://github.com/storybooks/storybook/pull/19249)
- Vite: Support runStep in Vite builder SSv6 [#19235](https://github.com/storybooks/storybook/pull/19235)
- Angular: Alias decorateStory as applyDecorators [#19189](https://github.com/storybooks/storybook/pull/19189)
- UI: Recalculate height of ZoomElement when child element updates [#15472](https://github.com/storybooks/storybook/pull/15472)
- UI: Fix copy button copying outdated snippet [#18888](https://github.com/storybooks/storybook/pull/18888)
- UI: Fix clipboard issue [#18999](https://github.com/storybooks/storybook/pull/18999)
- CLI: Do not remove framework dependency in automigration [#19129](https://github.com/storybooks/storybook/pull/19129)
- TS: Type `storyIdToEntry` explicitly [#19123](https://github.com/storybooks/storybook/pull/19123)
- Vite: Do not add Webpack loaders when using Vite builder [#19263](https://github.com/storybooks/storybook/pull/19263)
- Source-loader: Fix invalid call to CSF sanitize [#18930](https://github.com/storybooks/storybook/pull/18930)
- Svelte: generate preview file with js extension always [#19253](https://github.com/storybooks/storybook/pull/19253)
- UI: Fix react runtime for addons in manager [#19226](https://github.com/storybooks/storybook/pull/19226)
- Svelte: Fix button component not accepting the onClick handler [#19249](https://github.com/storybooks/storybook/pull/19249)
- Vite: Support runStep in Vite builder SSv6 [#19235](https://github.com/storybooks/storybook/pull/19235)
- Angular: Alias decorateStory as applyDecorators [#19189](https://github.com/storybooks/storybook/pull/19189)
- UI: Recalculate height of ZoomElement when child element updates [#15472](https://github.com/storybooks/storybook/pull/15472)
- UI: Fix copy button copying outdated snippet [#18888](https://github.com/storybooks/storybook/pull/18888)
- UI: Fix clipboard issue [#18999](https://github.com/storybooks/storybook/pull/18999)
- CLI: Do not remove framework dependency in automigration [#19129](https://github.com/storybooks/storybook/pull/19129)
- TS: Type `storyIdToEntry` explicitly [#19123](https://github.com/storybooks/storybook/pull/19123)
#### Maintenance
- Vue3: Add generic renderer stories & delete vue3 example [#19219](https://github.com/storybooks/storybook/pull/19219)
- Build: Remove unused angular_modern_inline_rendering [#19254](https://github.com/storybooks/storybook/pull/19254)
- Build: bundle csf-tools with tsup [#19141](https://github.com/storybooks/storybook/pull/19141)
- Build: Enforce @ts-expect-error via eslint [#19198](https://github.com/storybooks/storybook/pull/19198)
- Vue: Add repro template for vue-cli [#19165](https://github.com/storybooks/storybook/pull/19165)
- Build: Link renderer-specific stories inside the sandbox's real stories dir [#19185](https://github.com/storybooks/storybook/pull/19185)
- Build: Remove `cra-kitchen-sink` example [#19179](https://github.com/storybooks/storybook/pull/19179)
- Build: Fix the check script [#19184](https://github.com/storybooks/storybook/pull/19184)
- Build: Build lib/node-logger with ts-up [#19173](https://github.com/storybooks/storybook/pull/19173)
- Build: Fix sandbox running multiple versions of react [#19156](https://github.com/storybooks/storybook/pull/19156)
- Build: fix playwright version again [#19250](https://github.com/storybooks/storybook/pull/19250)
- Build: upgrade playwright version (and lock it) [#19227](https://github.com/storybooks/storybook/pull/19227)
- Vue3: Add generic renderer stories & delete vue3 example [#19219](https://github.com/storybooks/storybook/pull/19219)
- Build: Remove unused angular_modern_inline_rendering [#19254](https://github.com/storybooks/storybook/pull/19254)
- Build: bundle csf-tools with tsup [#19141](https://github.com/storybooks/storybook/pull/19141)
- Build: Enforce @ts-expect-error via eslint [#19198](https://github.com/storybooks/storybook/pull/19198)
- Vue: Add repro template for vue-cli [#19165](https://github.com/storybooks/storybook/pull/19165)
- Build: Link renderer-specific stories inside the sandbox's real stories dir [#19185](https://github.com/storybooks/storybook/pull/19185)
- Build: Remove `cra-kitchen-sink` example [#19179](https://github.com/storybooks/storybook/pull/19179)
- Build: Fix the check script [#19184](https://github.com/storybooks/storybook/pull/19184)
- Build: Build lib/node-logger with ts-up [#19173](https://github.com/storybooks/storybook/pull/19173)
- Build: Fix sandbox running multiple versions of react [#19156](https://github.com/storybooks/storybook/pull/19156)
- Build: fix playwright version again [#19250](https://github.com/storybooks/storybook/pull/19250)
- Build: upgrade playwright version (and lock it) [#19227](https://github.com/storybooks/storybook/pull/19227)
#### Dependency Upgrades
- Remove @nicolo-ribaudo/chokidar-2 [#19244](https://github.com/storybooks/storybook/pull/19244)
- Remove @nicolo-ribaudo/chokidar-2 [#19244](https://github.com/storybooks/storybook/pull/19244)
## 7.0.0-alpha.33 (September 13, 2022)
#### Features
- Core: Add a new `throwPlayFunctionExceptions` parameter [#19143](https://github.com/storybooks/storybook/pull/19143)
- Core: Add a new `throwPlayFunctionExceptions` parameter [#19143](https://github.com/storybooks/storybook/pull/19143)
#### Bug Fixes
- Fix issue in instrumenter with `waitFor` [#19145](https://github.com/storybooks/storybook/pull/19145)
- Core: Fix static dirs targeting same destination [#19064](https://github.com/storybooks/storybook/pull/19064)
- React: Fix issue with react 18 implementation [#19125](https://github.com/storybooks/storybook/pull/19125)
- CLI: Fix spawning child processes on windows [#19019](https://github.com/storybooks/storybook/pull/19019)
- Vite: Ensure we set `DOCS_OPTIONS` in the vite builder [#19127](https://github.com/storybooks/storybook/pull/19127)
- Fix issue in instrumenter with `waitFor` [#19145](https://github.com/storybooks/storybook/pull/19145)
- Core: Fix static dirs targeting same destination [#19064](https://github.com/storybooks/storybook/pull/19064)
- React: Fix issue with react 18 implementation [#19125](https://github.com/storybooks/storybook/pull/19125)
- CLI: Fix spawning child processes on windows [#19019](https://github.com/storybooks/storybook/pull/19019)
- Vite: Ensure we set `DOCS_OPTIONS` in the vite builder [#19127](https://github.com/storybooks/storybook/pull/19127)
#### Maintenance
- Build: Bundle @storybook/cli with tsup [#19138](https://github.com/storybooks/storybook/pull/19138)
- Examples: Remove `cra-ts-essentials` [#19170](https://github.com/storybooks/storybook/pull/19170)
- Added some basic interactions stories [#19153](https://github.com/storybooks/storybook/pull/19153)
- Presets: Replace `config` with `previewAnnotations`, remove `previewEntries` [#19152](https://github.com/storybooks/storybook/pull/19152)
- Addon-links: Move stories into addon [#19124](https://github.com/storybooks/storybook/pull/19124)
- Addon-a11y: Move stories into addon [#19114](https://github.com/storybooks/storybook/pull/19114)
- Toolbars: Generic example stories [#19166](https://github.com/storybooks/storybook/pull/19166)
- TypeScript: Revert a few @ts-expect-errors [#19168](https://github.com/storybooks/storybook/pull/19168)
- Addon-docs: Generic stories for DocsPage [#19162](https://github.com/storybooks/storybook/pull/19162)
- Controls: Generic stories for sorting [#19161](https://github.com/storybooks/storybook/pull/19161)
- Build: Generic stories for addon-controls [#19149](https://github.com/storybooks/storybook/pull/19149)
- remove node12 from the matrix [#19147](https://github.com/storybooks/storybook/pull/19147)
- Build libs/router with ts-up [#19140](https://github.com/storybooks/storybook/pull/19140)
- Build: Bundle addon-interactions with tsup [#19139](https://github.com/storybooks/storybook/pull/19139)
- Generic stories for remaining core features [#19118](https://github.com/storybooks/storybook/pull/19118)
- Add parameter, loader and decorator stories to `lib/store` [#19105](https://github.com/storybooks/storybook/pull/19105)
- Convert @ts-ignore to @ts-expect-error [#19122](https://github.com/storybooks/storybook/pull/19122)
- Build: Bundle @storybook/cli with tsup [#19138](https://github.com/storybooks/storybook/pull/19138)
- Examples: Remove `cra-ts-essentials` [#19170](https://github.com/storybooks/storybook/pull/19170)
- Added some basic interactions stories [#19153](https://github.com/storybooks/storybook/pull/19153)
- Presets: Replace `config` with `previewAnnotations`, remove `previewEntries` [#19152](https://github.com/storybooks/storybook/pull/19152)
- Addon-links: Move stories into addon [#19124](https://github.com/storybooks/storybook/pull/19124)
- Addon-a11y: Move stories into addon [#19114](https://github.com/storybooks/storybook/pull/19114)
- Toolbars: Generic example stories [#19166](https://github.com/storybooks/storybook/pull/19166)
- TypeScript: Revert a few @ts-expect-errors [#19168](https://github.com/storybooks/storybook/pull/19168)
- Addon-docs: Generic stories for DocsPage [#19162](https://github.com/storybooks/storybook/pull/19162)
- Controls: Generic stories for sorting [#19161](https://github.com/storybooks/storybook/pull/19161)
- Build: Generic stories for addon-controls [#19149](https://github.com/storybooks/storybook/pull/19149)
- remove node12 from the matrix [#19147](https://github.com/storybooks/storybook/pull/19147)
- Build libs/router with ts-up [#19140](https://github.com/storybooks/storybook/pull/19140)
- Build: Bundle addon-interactions with tsup [#19139](https://github.com/storybooks/storybook/pull/19139)
- Generic stories for remaining core features [#19118](https://github.com/storybooks/storybook/pull/19118)
- Add parameter, loader and decorator stories to `lib/store` [#19105](https://github.com/storybooks/storybook/pull/19105)
- Convert @ts-ignore to @ts-expect-error [#19122](https://github.com/storybooks/storybook/pull/19122)
#### Dependency Upgrades
- Upgrade emotion deps again [#19054](https://github.com/storybooks/storybook/pull/19054)
- Upgrade emotion deps again [#19054](https://github.com/storybooks/storybook/pull/19054)
## 7.0.0-alpha.31 (September 7, 2022)
#### Maintenance
- Doc blocks: Update ArgTable Reset button to use IconButton [#19052](https://github.com/storybooks/storybook/pull/19052)
- UI: Update a handful of icons [#19084](https://github.com/storybooks/storybook/pull/19084)
- Build: Update to latest nx [#19078](https://github.com/storybooks/storybook/pull/19078)
- Vite: Fix plugin types [#19095](https://github.com/storybooks/storybook/pull/19095)
- Doc blocks: Update ArgTable Reset button to use IconButton [#19052](https://github.com/storybooks/storybook/pull/19052)
- UI: Update a handful of icons [#19084](https://github.com/storybooks/storybook/pull/19084)
- Build: Update to latest nx [#19078](https://github.com/storybooks/storybook/pull/19078)
- Vite: Fix plugin types [#19095](https://github.com/storybooks/storybook/pull/19095)
#### Dependency Upgrades
- Chore: Remove unused dependencies in /lib [#19100](https://github.com/storybooks/storybook/pull/19100)
- Chore: Remove unused dependencies in /lib [#19100](https://github.com/storybooks/storybook/pull/19100)
## 7.0.0-alpha.30 (September 6, 2022)
#### Bug Fixes
- CLI: Fix include rendererAssets in npm bundle [#19115](https://github.com/storybooks/storybook/pull/19115)
- CLI: Fix include rendererAssets in npm bundle [#19115](https://github.com/storybooks/storybook/pull/19115)
#### Maintenance
- CLI: remove outdated comment in Angular starter [#19097](https://github.com/storybooks/storybook/pull/19097)
- CLI: remove outdated comment in Angular starter [#19097](https://github.com/storybooks/storybook/pull/19097)
#### Dependency Upgrades
- Remove deprecated `stable` dependency [#19103](https://github.com/storybooks/storybook/pull/19103)
- Svelte: Update sveltedoc dependencies [#19111](https://github.com/storybooks/storybook/pull/19111)
- Deps: Remove core-js from most packages [#19098](https://github.com/storybooks/storybook/pull/19098)
- Deps: Upgrade react-element-to-jsx-string and react-inspector for React 18 [#19104](https://github.com/storybooks/storybook/pull/19104)
- Remove deprecated `stable` dependency [#19103](https://github.com/storybooks/storybook/pull/19103)
- Svelte: Update sveltedoc dependencies [#19111](https://github.com/storybooks/storybook/pull/19111)
- Deps: Remove core-js from most packages [#19098](https://github.com/storybooks/storybook/pull/19098)
- Deps: Upgrade react-element-to-jsx-string and react-inspector for React 18 [#19104](https://github.com/storybooks/storybook/pull/19104)
## 7.0.0-alpha.29 (September 2, 2022)
#### Bug Fixes
- CLI/Vite: Don't add babel dependencies during init [#19088](https://github.com/storybooks/storybook/pull/19088)
- CLI: Fix sb init to use renderer assets instead of frameworks [#19091](https://github.com/storybooks/storybook/pull/19091)
- Core: Ensure if a docs render is torndown during preparation, it throws [#19071](https://github.com/storybooks/storybook/pull/19071)
- CLI/Vite: Don't add babel dependencies during init [#19088](https://github.com/storybooks/storybook/pull/19088)
- CLI: Fix sb init to use renderer assets instead of frameworks [#19091](https://github.com/storybooks/storybook/pull/19091)
- Core: Ensure if a docs render is torndown during preparation, it throws [#19071](https://github.com/storybooks/storybook/pull/19071)
#### Maintenance
- Addon-viewport: Move stories into addon [#19086](https://github.com/storybooks/storybook/pull/19086)
- Addon-backgrounds: Move stories into addon [#19085](https://github.com/storybooks/storybook/pull/19085)
- Addon-actions: Move stories into addon [#19082](https://github.com/storybooks/storybook/pull/19082)
- Build: Exit yarn bootstrap with nonzero code if failed [#19089](https://github.com/storybooks/storybook/pull/19089)
- Vite: cleanup custom plugins [#19087](https://github.com/storybooks/storybook/pull/19087)
- Build: Prefix generic addon stories in sandbox storybooks [#19092](https://github.com/storybooks/storybook/pull/19092)
- Addon-viewport: Move stories into addon [#19086](https://github.com/storybooks/storybook/pull/19086)
- Addon-backgrounds: Move stories into addon [#19085](https://github.com/storybooks/storybook/pull/19085)
- Addon-actions: Move stories into addon [#19082](https://github.com/storybooks/storybook/pull/19082)
- Build: Exit yarn bootstrap with nonzero code if failed [#19089](https://github.com/storybooks/storybook/pull/19089)
- Vite: cleanup custom plugins [#19087](https://github.com/storybooks/storybook/pull/19087)
- Build: Prefix generic addon stories in sandbox storybooks [#19092](https://github.com/storybooks/storybook/pull/19092)
## 7.0.0-alpha.28 (September 2, 2022)
#### Features
- Vite: Automatically use vite.config.js [#19026](https://github.com/storybooks/storybook/pull/19026)
- Vite: Automatically use vite.config.js [#19026](https://github.com/storybooks/storybook/pull/19026)
#### Bug Fixes
- CLI: Fix race condition in sb init [#19083](https://github.com/storybooks/storybook/pull/19083)
- Vite: Fix framework option checks, and SSv6 [#19062](https://github.com/storybooks/storybook/pull/19062)
- Core: Fix WebProjectAnnotations export in preview-web for back-compat [#19048](https://github.com/storybooks/storybook/pull/19048)
- CLI: Fix race condition in sb init [#19083](https://github.com/storybooks/storybook/pull/19083)
- Vite: Fix framework option checks, and SSv6 [#19062](https://github.com/storybooks/storybook/pull/19062)
- Core: Fix WebProjectAnnotations export in preview-web for back-compat [#19048](https://github.com/storybooks/storybook/pull/19048)
#### Maintenance
- Update to new TS reference format (?) [#19072](https://github.com/storybooks/storybook/pull/19072)
- Build: Conditionally force vite rebuilds in sandbox [#19063](https://github.com/storybooks/storybook/pull/19063)
- Build: Fix CRA bench [#19066](https://github.com/storybooks/storybook/pull/19066)
- Update to new TS reference format (?) [#19072](https://github.com/storybooks/storybook/pull/19072)
- Build: Conditionally force vite rebuilds in sandbox [#19063](https://github.com/storybooks/storybook/pull/19063)
- Build: Fix CRA bench [#19066](https://github.com/storybooks/storybook/pull/19066)
## 7.0.0-alpha.27 (August 31, 2022)
#### Features
- Vite: Set `resolve.preserveSymlinks` based on env vars [#19039](https://github.com/storybooks/storybook/pull/19039)
- Vite: Set `resolve.preserveSymlinks` based on env vars [#19039](https://github.com/storybooks/storybook/pull/19039)
#### Bug Fixes
- Core: Restore `/preview` etc package exports; return unresolved path from presets. [#19045](https://github.com/storybooks/storybook/pull/19045)
- Core: Restore `/preview` etc package exports; return unresolved path from presets. [#19045](https://github.com/storybooks/storybook/pull/19045)
#### Maintenance
- Core: Add previewHead and previewBody to StorybookConfig interface [#19047](https://github.com/storybooks/storybook/pull/19047)
- Build: Fix the sb-bench CI step [#19029](https://github.com/storybooks/storybook/pull/19029)
- Remove sandbox from `.ignore` [#19040](https://github.com/storybooks/storybook/pull/19040)
- Build: Use new test runner with builtin junit [#19028](https://github.com/storybooks/storybook/pull/19028)
- Core: Add previewHead and previewBody to StorybookConfig interface [#19047](https://github.com/storybooks/storybook/pull/19047)
- Build: Fix the sb-bench CI step [#19029](https://github.com/storybooks/storybook/pull/19029)
- Remove sandbox from `.ignore` [#19040](https://github.com/storybooks/storybook/pull/19040)
- Build: Use new test runner with builtin junit [#19028](https://github.com/storybooks/storybook/pull/19028)
#### Dependency Upgrades
- Vite: Clean up framework dependencies / unused files [#19035](https://github.com/storybooks/storybook/pull/19035)
- Vite: Clean up framework dependencies / unused files [#19035](https://github.com/storybooks/storybook/pull/19035)
## 7.0.0-alpha.26 (August 26, 2022)
#### Features
- CLI: Add react, vue3, and svelte vite to new-frameworks automigration [#19016](https://github.com/storybooks/storybook/pull/19016)
- Svelte: Add svelte-vite framework [#18978](https://github.com/storybooks/storybook/pull/18978)
- CLI: Add react, vue3, and svelte vite to new-frameworks automigration [#19016](https://github.com/storybooks/storybook/pull/19016)
- Svelte: Add svelte-vite framework [#18978](https://github.com/storybooks/storybook/pull/18978)
#### Bug Fixes
- Core: Fix default story glob [#19018](https://github.com/storybooks/storybook/pull/19018)
- Core: Fix default story glob [#19018](https://github.com/storybooks/storybook/pull/19018)
#### Dependency Upgrades
- React-vite: update/cleanup dependencies [#19025](https://github.com/storybooks/storybook/pull/19025)
- Remove babel-loader from core-common [#19022](https://github.com/storybooks/storybook/pull/19022)
- React-vite: update/cleanup dependencies [#19025](https://github.com/storybooks/storybook/pull/19025)
- Remove babel-loader from core-common [#19022](https://github.com/storybooks/storybook/pull/19022)
## 7.0.0-alpha.25 (August 25, 2022)
#### Features
- Vite: Add builder-vite, react-vite, and vue3-vite [#19007](https://github.com/storybooks/storybook/pull/19007)
- Vite: Add builder-vite, react-vite, and vue3-vite [#19007](https://github.com/storybooks/storybook/pull/19007)
#### Maintenance
- CI: use runner with playwright installed for cra_bench [#18951](https://github.com/storybooks/storybook/pull/18951)
- Replace rollup-plugin-node-polyfills to analogs [#18975](https://github.com/storybooks/storybook/pull/18975)
- CI: use runner with playwright installed for cra_bench [#18951](https://github.com/storybooks/storybook/pull/18951)
- Replace rollup-plugin-node-polyfills to analogs [#18975](https://github.com/storybooks/storybook/pull/18975)
## 7.0.0-alpha.24 (August 24, 2022)
#### Breaking changes
- Preview: Rename Storybook DOM root IDs [#10638](https://github.com/storybooks/storybook/pull/10638)
- Preview: Rename Storybook DOM root IDs [#10638](https://github.com/storybooks/storybook/pull/10638)
#### Features
- Interactions: Add `step` function and support multiple levels of nesting [#18555](https://github.com/storybooks/storybook/pull/18555)
- Interactions: Add `step` function and support multiple levels of nesting [#18555](https://github.com/storybooks/storybook/pull/18555)
#### Bug Fixes
- Addon-docs: Fix canvas support expand code for non-story [#18808](https://github.com/storybooks/storybook/pull/18808)
- Components: Avoid including line numbers when copying the code [#18725](https://github.com/storybooks/storybook/pull/18725)
- Vue: Fix enum check in extractArgTypes [#18959](https://github.com/storybooks/storybook/pull/18959)
- Core: Fix frameworkOptions preset [#18979](https://github.com/storybooks/storybook/pull/18979)
- Addon-docs: Fix canvas support expand code for non-story [#18808](https://github.com/storybooks/storybook/pull/18808)
- Components: Avoid including line numbers when copying the code [#18725](https://github.com/storybooks/storybook/pull/18725)
- Vue: Fix enum check in extractArgTypes [#18959](https://github.com/storybooks/storybook/pull/18959)
- Core: Fix frameworkOptions preset [#18979](https://github.com/storybooks/storybook/pull/18979)
#### Maintenance
- Addon-a11y: Remove achromatomaly color filter [#18852](https://github.com/storybooks/storybook/pull/18852)
- Build: Use ts-up to build core-webpack [#18912](https://github.com/storybooks/storybook/pull/18912)
- Build: Use ts-up to build addon-viewport [#18943](https://github.com/storybooks/storybook/pull/18943)
- Build: Improve generate-repros-next [#19001](https://github.com/storybooks/storybook/pull/19001)
- Examples: Remove refs in angular example [#18986](https://github.com/storybooks/storybook/pull/18986)
- Build: Use ts-up to build client-logger [#18893](https://github.com/storybooks/storybook/pull/18893)
- Generate-repros: Run local registry on `--local-registry` option [#18997](https://github.com/storybooks/storybook/pull/18997)
- Build: Remove unused bootstrap --cleanup [#18981](https://github.com/storybooks/storybook/pull/18981)
- CLI: Fix local repro publishing [#18977](https://github.com/storybooks/storybook/pull/18977)
- Build: Run verdaccio on 6001 to enable web UI [#18983](https://github.com/storybooks/storybook/pull/18983)
- CLI: determine whether to add interactive stories from `renderer` rather than `framework` [#18968](https://github.com/storybooks/storybook/pull/18968)
- CLI: Auto-accept migrations when running `generate-repros-next` [#18969](https://github.com/storybooks/storybook/pull/18969)
- Addon-a11y: Remove achromatomaly color filter [#18852](https://github.com/storybooks/storybook/pull/18852)
- Build: Use ts-up to build core-webpack [#18912](https://github.com/storybooks/storybook/pull/18912)
- Build: Use ts-up to build addon-viewport [#18943](https://github.com/storybooks/storybook/pull/18943)
- Build: Improve generate-repros-next [#19001](https://github.com/storybooks/storybook/pull/19001)
- Examples: Remove refs in angular example [#18986](https://github.com/storybooks/storybook/pull/18986)
- Build: Use ts-up to build client-logger [#18893](https://github.com/storybooks/storybook/pull/18893)
- Generate-repros: Run local registry on `--local-registry` option [#18997](https://github.com/storybooks/storybook/pull/18997)
- Build: Remove unused bootstrap --cleanup [#18981](https://github.com/storybooks/storybook/pull/18981)
- CLI: Fix local repro publishing [#18977](https://github.com/storybooks/storybook/pull/18977)
- Build: Run verdaccio on 6001 to enable web UI [#18983](https://github.com/storybooks/storybook/pull/18983)
- CLI: determine whether to add interactive stories from `renderer` rather than `framework` [#18968](https://github.com/storybooks/storybook/pull/18968)
- CLI: Auto-accept migrations when running `generate-repros-next` [#18969](https://github.com/storybooks/storybook/pull/18969)
## 7.0.0-alpha.23 (August 18, 2022)
#### Features
- UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
- UI: Polish canvas and sidebar for 7.0 [#18894](https://github.com/storybooks/storybook/pull/18894)
#### Maintenance
- Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
- Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
- CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
- Sandbox: Add ability to run from local repro [#18950](https://github.com/storybooks/storybook/pull/18950)
- Repros: Add ability to generate repros using local registry [#18948](https://github.com/storybooks/storybook/pull/18948)
- CLI: Move write/read package json into JsPackageManager [#18942](https://github.com/storybooks/storybook/pull/18942)
## 7.0.0-alpha.22 (August 18, 2022)
@ -242,111 +289,111 @@ Failed publish to npm
#### Maintenance
- UI: Update every icon for v7 design [#18809](https://github.com/storybooks/storybook/pull/18809)
- UI: Update every icon for v7 design [#18809](https://github.com/storybooks/storybook/pull/18809)
## 7.0.0-alpha.20 (August 16, 2022)
#### Features
- CLI: Automigration for new frameworks [#18919](https://github.com/storybooks/storybook/pull/18919)
- CLI: Automigration for new frameworks [#18919](https://github.com/storybooks/storybook/pull/18919)
#### Bug Fixes
- UI: Fix the order of addons appearing in prebuilt manager [#18918](https://github.com/storybooks/storybook/pull/18918)
- UI: Fix the order of addons appearing in prebuilt manager [#18918](https://github.com/storybooks/storybook/pull/18918)
#### Maintenance
- Exit sandbox gracefully on cancel [#18936](https://github.com/storybooks/storybook/pull/18936)
- Disable telemetry in monorepo and CI [#18935](https://github.com/storybooks/storybook/pull/18935)
- Convert cypress e2e tests to playwright [#18932](https://github.com/storybooks/storybook/pull/18932)
- CI: Refactor to use tasks [#18922](https://github.com/storybooks/storybook/pull/18922)
- Angular: Add renderer components / stories [#18934](https://github.com/storybooks/storybook/pull/18934)
- Examples: Add angular repro template and refactor [#18931](https://github.com/storybooks/storybook/pull/18931)
- Exit sandbox gracefully on cancel [#18936](https://github.com/storybooks/storybook/pull/18936)
- Disable telemetry in monorepo and CI [#18935](https://github.com/storybooks/storybook/pull/18935)
- Convert cypress e2e tests to playwright [#18932](https://github.com/storybooks/storybook/pull/18932)
- CI: Refactor to use tasks [#18922](https://github.com/storybooks/storybook/pull/18922)
- Angular: Add renderer components / stories [#18934](https://github.com/storybooks/storybook/pull/18934)
- Examples: Add angular repro template and refactor [#18931](https://github.com/storybooks/storybook/pull/18931)
## 7.0.0-alpha.19 (August 12, 2022)
#### Features
- CLI: add "storybook scripts 7.0" automigrate command [#18769](https://github.com/storybooks/storybook/pull/18769)
- Interactions: Run conditionally based on query param [#18706](https://github.com/storybooks/storybook/pull/18706)
- CLI: add "storybook scripts 7.0" automigrate command [#18769](https://github.com/storybooks/storybook/pull/18769)
- Interactions: Run conditionally based on query param [#18706](https://github.com/storybooks/storybook/pull/18706)
#### Bug Fixes
- API: Return defaultValue in useParameter if story is not prepared [#18887](https://github.com/storybooks/storybook/pull/18887)
- Store: always call composeConfigs in setProjectAnnotations [#18916](https://github.com/storybooks/storybook/pull/18916)
- CLI: install the same version as the user in sb-scripts automigration [#18917](https://github.com/storybooks/storybook/pull/18917)
- Theming: Add `create` export for lib/theming [#18906](https://github.com/storybooks/storybook/pull/18906)
- Telemetry: Improve addon extraction logic [#18868](https://github.com/storybooks/storybook/pull/18868)
- UI: Add image support to builder-manager [#18857](https://github.com/storybooks/storybook/pull/18857)
- ArgTypes: Fix check for undefined before [#18710](https://github.com/storybooks/storybook/pull/18710)
- API: Return defaultValue in useParameter if story is not prepared [#18887](https://github.com/storybooks/storybook/pull/18887)
- Store: always call composeConfigs in setProjectAnnotations [#18916](https://github.com/storybooks/storybook/pull/18916)
- CLI: install the same version as the user in sb-scripts automigration [#18917](https://github.com/storybooks/storybook/pull/18917)
- Theming: Add `create` export for lib/theming [#18906](https://github.com/storybooks/storybook/pull/18906)
- Telemetry: Improve addon extraction logic [#18868](https://github.com/storybooks/storybook/pull/18868)
- UI: Add image support to builder-manager [#18857](https://github.com/storybooks/storybook/pull/18857)
- ArgTypes: Fix check for undefined before [#18710](https://github.com/storybooks/storybook/pull/18710)
#### Maintenance
- Build: use ts-up to build addon-toolbars [#18847](https://github.com/storybooks/storybook/pull/18847)
- Build: Use ts-up to build channels [#18882](https://github.com/storybooks/storybook/pull/18882)
- Build: Use ts-up to build addon-links [#18908](https://github.com/storybooks/storybook/pull/18908)
- CLI: Fix remove dependencies logic [#18905](https://github.com/storybooks/storybook/pull/18905)
- CLI: Add uninstall deps to jsPackageManager [#18900](https://github.com/storybooks/storybook/pull/18900)
- Examples: Improve sandbox command error handling and debugging [#18869](https://github.com/storybooks/storybook/pull/18869)
- Examples: Change to self-hosted placeholder images [#18878](https://github.com/storybooks/storybook/pull/18878)
- CLI: add --no-init to repro-next command [#18866](https://github.com/storybooks/storybook/pull/18866)
- Build: Got verdaccio working, borrowing heavily from the old repro command [#18844](https://github.com/storybooks/storybook/pull/18844)
- Core-server: Move webpack to be a devDependency [#18856](https://github.com/storybooks/storybook/pull/18856)
- Build: use ts-up to build addon-toolbars [#18847](https://github.com/storybooks/storybook/pull/18847)
- Build: Use ts-up to build channels [#18882](https://github.com/storybooks/storybook/pull/18882)
- Build: Use ts-up to build addon-links [#18908](https://github.com/storybooks/storybook/pull/18908)
- CLI: Fix remove dependencies logic [#18905](https://github.com/storybooks/storybook/pull/18905)
- CLI: Add uninstall deps to jsPackageManager [#18900](https://github.com/storybooks/storybook/pull/18900)
- Examples: Improve sandbox command error handling and debugging [#18869](https://github.com/storybooks/storybook/pull/18869)
- Examples: Change to self-hosted placeholder images [#18878](https://github.com/storybooks/storybook/pull/18878)
- CLI: add --no-init to repro-next command [#18866](https://github.com/storybooks/storybook/pull/18866)
- Build: Got verdaccio working, borrowing heavily from the old repro command [#18844](https://github.com/storybooks/storybook/pull/18844)
- Core-server: Move webpack to be a devDependency [#18856](https://github.com/storybooks/storybook/pull/18856)
## 7.0.0-alpha.18 (August 2, 2022)
#### Features
- CLI: Add temporary sb repro-next command that only degits repros [#18834](https://github.com/storybooks/storybook/pull/18834)
- Interactions: Add step function to play context [#18673](https://github.com/storybooks/storybook/pull/18673)
- UI: Add preloading to stories highlighted in the sidebar [#17964](https://github.com/storybooks/storybook/pull/17964)
- CLI: Add temporary sb repro-next command that only degits repros [#18834](https://github.com/storybooks/storybook/pull/18834)
- Interactions: Add step function to play context [#18673](https://github.com/storybooks/storybook/pull/18673)
- UI: Add preloading to stories highlighted in the sidebar [#17964](https://github.com/storybooks/storybook/pull/17964)
#### Bug Fixes
- UI: Fix refs with authentication being broken if the fetch for `iframe.html` succeeds (but with a request to authenticate) [#18160](https://github.com/storybooks/storybook/pull/18160)
- HTML: Fix missing ability to set `docs.extractArgTypes` [#18831](https://github.com/storybooks/storybook/pull/18831)
- React: Fix callback behavior in `react@18` [#18737](https://github.com/storybooks/storybook/pull/18737)
- CLI: Throw error on failure in sb init [#18816](https://github.com/storybooks/storybook/pull/18816)
- CLI: Fix package.json version detection [#18806](https://github.com/storybooks/storybook/pull/18806)
- UI: Fix refs with authentication being broken if the fetch for `iframe.html` succeeds (but with a request to authenticate) [#18160](https://github.com/storybooks/storybook/pull/18160)
- HTML: Fix missing ability to set `docs.extractArgTypes` [#18831](https://github.com/storybooks/storybook/pull/18831)
- React: Fix callback behavior in `react@18` [#18737](https://github.com/storybooks/storybook/pull/18737)
- CLI: Throw error on failure in sb init [#18816](https://github.com/storybooks/storybook/pull/18816)
- CLI: Fix package.json version detection [#18806](https://github.com/storybooks/storybook/pull/18806)
#### Maintenance
- Build: Use ts-up to build `addon-outline` [#18842](https://github.com/storybooks/storybook/pull/18842)
- Core: Fix default framework options handling [#18676](https://github.com/storybooks/storybook/pull/18676)
- Build: Use tsup to build `addon-measure` and fix related imports in `examples/official-storybook` [#18837](https://github.com/storybooks/storybook/pull/18837)
- Build: Use tsup to build addon-jest [#18836](https://github.com/storybooks/storybook/pull/18836)
- Examples: Use `repro-next` in the example script! [#18839](https://github.com/storybooks/storybook/pull/18839)
- Examples: Rename `example` => `sandbox` [#18838](https://github.com/storybooks/storybook/pull/18838)
- Examples: Use a set of test components in addon stories [#18825](https://github.com/storybooks/storybook/pull/18825)
- Examples: Copy example stories over from renderer + addons [#18824](https://github.com/storybooks/storybook/pull/18824)
- Examples: Set `resolve.symlinks` based on node option [#18827](https://github.com/storybooks/storybook/pull/18827)
- Examples: Add command to publish repros + GH action [#18800](https://github.com/storybooks/storybook/pull/18800)
- Examples: Create a new `yarn example` command [#18781](https://github.com/storybooks/storybook/pull/18781)
- Build: Fix yarn build command [#18817](https://github.com/storybooks/storybook/pull/18817)
- Build: Use tsup to build core-event [#18798](https://github.com/storybooks/storybook/pull/18798)
- Build: Use ts-up to build `addon-outline` [#18842](https://github.com/storybooks/storybook/pull/18842)
- Core: Fix default framework options handling [#18676](https://github.com/storybooks/storybook/pull/18676)
- Build: Use tsup to build `addon-measure` and fix related imports in `examples/official-storybook` [#18837](https://github.com/storybooks/storybook/pull/18837)
- Build: Use tsup to build addon-jest [#18836](https://github.com/storybooks/storybook/pull/18836)
- Examples: Use `repro-next` in the example script! [#18839](https://github.com/storybooks/storybook/pull/18839)
- Examples: Rename `example` => `sandbox` [#18838](https://github.com/storybooks/storybook/pull/18838)
- Examples: Use a set of test components in addon stories [#18825](https://github.com/storybooks/storybook/pull/18825)
- Examples: Copy example stories over from renderer + addons [#18824](https://github.com/storybooks/storybook/pull/18824)
- Examples: Set `resolve.symlinks` based on node option [#18827](https://github.com/storybooks/storybook/pull/18827)
- Examples: Add command to publish repros + GH action [#18800](https://github.com/storybooks/storybook/pull/18800)
- Examples: Create a new `yarn example` command [#18781](https://github.com/storybooks/storybook/pull/18781)
- Build: Fix yarn build command [#18817](https://github.com/storybooks/storybook/pull/18817)
- Build: Use tsup to build core-event [#18798](https://github.com/storybooks/storybook/pull/18798)
## 7.0.0-alpha.17 (July 27, 2022)
#### Features
- Addon-docs: Support DocsPage in v6 store [#18763](https://github.com/storybooks/storybook/pull/18763)
- Addon-docs: Support DocsPage in v6 store [#18763](https://github.com/storybooks/storybook/pull/18763)
#### Bug Fixes
- Preact: Typescript pragma fix [#15564](https://github.com/storybooks/storybook/pull/15564)
- Core: Clear addon cache directory before starting the manager [#18731](https://github.com/storybooks/storybook/pull/18731)
- UI: Pass full docs options to manager [#18762](https://github.com/storybooks/storybook/pull/18762)
- Preview: Fix standalone MDX files not HMR-ing [#18747](https://github.com/storybooks/storybook/pull/18747)
- Preact: Typescript pragma fix [#15564](https://github.com/storybooks/storybook/pull/15564)
- Core: Clear addon cache directory before starting the manager [#18731](https://github.com/storybooks/storybook/pull/18731)
- UI: Pass full docs options to manager [#18762](https://github.com/storybooks/storybook/pull/18762)
- Preview: Fix standalone MDX files not HMR-ing [#18747](https://github.com/storybooks/storybook/pull/18747)
#### Maintenance
- CLI: Add next-repro command [#18787](https://github.com/storybooks/storybook/pull/18787)
- Build: Remove old scripts that are no longer used [#18790](https://github.com/storybooks/storybook/pull/18790)
- Build: Addon-backgrounds with ts-up [#18784](https://github.com/storybooks/storybook/pull/18784)
- Build: Addon-controls with tsup [#18786](https://github.com/storybooks/storybook/pull/18786)
- Build: Use updated circleci node images [#18785](https://github.com/storybooks/storybook/pull/18785)
- Build: Move all code into a `code` directory [#18759](https://github.com/storybooks/storybook/pull/18759)
- Build: Lint css, html, json, md, mdx, yml files [#18735](https://github.com/storybooks/storybook/pull/18735)
- CLI: Add next-repro command [#18787](https://github.com/storybooks/storybook/pull/18787)
- Build: Remove old scripts that are no longer used [#18790](https://github.com/storybooks/storybook/pull/18790)
- Build: Addon-backgrounds with ts-up [#18784](https://github.com/storybooks/storybook/pull/18784)
- Build: Addon-controls with tsup [#18786](https://github.com/storybooks/storybook/pull/18786)
- Build: Use updated circleci node images [#18785](https://github.com/storybooks/storybook/pull/18785)
- Build: Move all code into a `code` directory [#18759](https://github.com/storybooks/storybook/pull/18759)
- Build: Lint css, html, json, md, mdx, yml files [#18735](https://github.com/storybooks/storybook/pull/18735)
## 7.0.0-alpha.16 (July 25, 2022)

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.

View File

@ -182,7 +182,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

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",

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({

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',

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',

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": [

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",

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",

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",

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"
}

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",

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",
@ -99,10 +99,12 @@
"entries": [
"./src/index.ts",
"./src/manager.tsx",
"./src/preset/preview.ts"
]
"./src/preset/preview.ts",
"./src/preset/checkActionsLoaded.ts"
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f",
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1",
"storybook": {
"displayName": "Interactions",
"unsupportedFrameworks": [

View File

@ -1,4 +1,4 @@
const { checkActionsLoaded } = require('./dist/cjs/preset/checkActionsLoaded');
const { checkActionsLoaded } = require('./dist/preset/checkActionsLoaded');
function previewAnnotations(entry = [], options) {
checkActionsLoaded(options.configDir);

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',
}));

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({

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',

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 }) =>

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 },
};

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',
}));

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",

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)`,
}}

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",

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": [

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": [

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",

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"
}

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 storys 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",

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",

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 Storybooks 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",

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",

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"
},

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",

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"
}

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": {

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"

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 () => {
//
};

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',
}));

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"

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"
}

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;
}

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"
}
}

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"
}
}

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"
},

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"
}

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",

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": [],

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,18 +34,18 @@
"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/store": "7.0.0-alpha.34",
"@storybook/docs-tools": "7.0.0-alpha.35",
"@storybook/node-logger": "7.0.0-alpha.35",
"@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",
@ -98,17 +98,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",
@ -130,5 +130,5 @@
"access": "public"
},
"builders": "dist/types/builders/builders.json",
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

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'),

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 {};

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,
},
});
});
});

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;

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,
};
};

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,
};
}

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,
};
}

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();
}

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);

View File

@ -58,7 +58,7 @@ export const webpack = async (webpackConfig: Configuration, options: PresetOptio
return webpackConfig;
}
if(angularOptions.enableNgcc !== false) {
if (angularOptions.enableNgcc !== false) {
runNgcc();
}

View File

@ -1,84 +0,0 @@
import path from 'path';
import semver from '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],
],
};
}

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)}`;
});
}

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;
}

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"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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);

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,

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"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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,12 @@
"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/theming": "7.0.0-alpha.34",
"@types/semver": "^7.3.4",
"@storybook/router": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"dequal": "^2.0.2",
"global": "^4.4.0",
"lodash": "^4.17.21",
@ -64,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",
@ -84,5 +83,5 @@
"./src/shortcut.ts"
]
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

View File

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

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"
}

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',
},

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,
}));

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',

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',

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;

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"
}

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"
}

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,22 +34,22 @@
},
"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/store": "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/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/store": "7.0.0-alpha.35",
"@storybook/theming": "7.0.0-alpha.35",
"@types/node": "^14.0.10 || ^16.0.0",
"@types/semver": "^7.3.4",
"babel-loader": "^8.2.5",
@ -93,5 +93,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

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"
}

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"
}

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"
}

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"
}

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"
}

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,12 +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/telemetry": "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.35",
"@types/semver": "^7.3.4",
"boxen": "^5.1.2",
"chalk": "^4.1.0",
@ -74,7 +75,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",
@ -95,5 +96,5 @@
],
"platform": "node"
},
"gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
"gitHead": "d8972df8c6c1c4716131a856751f5914acddaad1"
}

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