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

Merge branch 'next' into norbert/typescript-upgrade

Browse Source
This commit is contained in:
Norbert de Langen 2025-01-30 11:13:06 +01:00 committed by GitHub
commit c5674a81ed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
134 changed files with 3721 additions and 1389 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

176
.circleci/config.yml
View File

@ -25,7 +25,7 @@ executors:
default: "small"
working_directory: /tmp/storybook
docker:
- image: cimg/node:22.6.0
- image: cimg/node:22.13.1
environment:
NODE_OPTIONS: --max_old_space_size=6144
resource_class: <<parameters.class>>
@ -51,7 +51,7 @@ executors:
default: "small"
working_directory: /tmp/storybook
docker:
- image: cimg/node:22.6.0-browsers
- image: cimg/node:22.13.1-browsers
environment:
NODE_OPTIONS: --max_old_space_size=6144
resource_class: <<parameters.class>>
@ -133,7 +133,7 @@ jobs:
yarn docs:prettier:check
build:
executor:
class: xlarge
class: large
name: sb_node_22_classic
steps:
- git-shallow-clone/checkout_advanced:
@ -179,7 +179,7 @@ jobs:
- .verdaccio-cache
lint:
executor:
class: large
class: medium+
name: sb_node_22_classic
steps:
- git-shallow-clone/checkout_advanced:
@ -195,7 +195,7 @@ jobs:
- cancel-workflow-on-failure
knip:
executor:
class: large
class: medium
name: sb_node_22_classic
steps:
- git-shallow-clone/checkout_advanced:
@ -211,7 +211,7 @@ jobs:
- cancel-workflow-on-failure
bench-packages:
executor:
class: medium
class: small
name: sb_node_22_classic
steps:
- git-shallow-clone/checkout_advanced:
@ -260,7 +260,7 @@ jobs:
- cancel-workflow-on-failure
check:
executor:
class: xlarge
class: large
name: sb_node_22_classic
steps:
- git-shallow-clone/checkout_advanced:
@ -268,24 +268,18 @@ jobs:
- nx/set-shas:
main-branch-name: "next"
workflow-name: << pipeline.parameters.workflow >>
- run:
name: install in scripts
command: |
cd scripts
yarn install
- run:
name: install in code
command: |
cd code
yarn install
- restore_cache:
name: Restore Yarn cache
keys:
- build-yarn-2-cache-v4--{{ checksum "code/yarn.lock" }}--{{ checksum "scripts/yarn.lock" }}
- run:
name: Compile
command: |
yarn task --task compile --start-from=compile --no-link --debug
yarn task --task compile --start-from=auto --no-link --debug
- run:
name: Check
command: |
yarn task --task check --start-from=check --no-link --debug
yarn task --task check --start-from=auto --no-link --debug
- run:
name: Ensure no changes pending
command: |
@ -320,7 +314,7 @@ jobs:
- cancel-workflow-on-failure
unit-tests:
executor:
class: xlarge
class: large
name: sb_playwright
parallelism: 4
steps:
@ -332,7 +326,7 @@ jobs:
name: Test
command: |
cd code
SHARD="$((${CIRCLE_NODE_INDEX}+1))"; yarn test --reporter=blob --shard=${SHARD}/${CIRCLE_NODE_TOTAL}
SHARD="$((${CIRCLE_NODE_INDEX}+1))"; yarn test --reporter=blob --reporter=default --shard=${SHARD}/${CIRCLE_NODE_TOTAL}
# TODO: bring coverage back later. This has caused flakiness in the tests because
# Somehow Vitest reports coverage while some tests are still running,
# then it tries to report coverage again and as result it crashes like this:
@ -374,7 +368,7 @@ jobs:
- report-workflow-on-failure
chromatic-internal-storybook:
executor:
class: medium+
class: medium
name: sb_node_22_browsers
environment:
NODE_OPTIONS: --max_old_space_size=6144
@ -396,7 +390,7 @@ jobs:
parallelism:
type: integer
executor:
class: medium
class: large
name: sb_node_22_browsers
parallelism: << parameters.parallelism >>
steps:
@ -408,14 +402,27 @@ jobs:
name: Enable Corepack
command: sudo corepack enable yarn
- run:
name: Creating Sandboxes
command: yarn task --task sandbox --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task sandbox) --no-link --start-from=never --junit
name: Starting Event Collector
command: yarn jiti ./event-log-collector.ts
working_directory: scripts
background: true
- run:
name: Create Sandboxes
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task sandbox)
yarn task --task build --template $TEMPLATE --no-link --start-from=sandbox --junit
if [[ $TEMPLATE != bench/* ]]; then
yarn --cwd scripts jiti ./event-log-checker.ts build $TEMPLATE
fi
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && rm -rf node_modules
environment:
STORYBOOK_TELEMETRY_URL: "http://localhost:6007/event-log"
- report-workflow-on-failure:
template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task sandbox)
- persist_to_workspace:
root: .
paths:
- sandbox
- sandbox/**
- store_test_results:
path: test-results
smoke-test-sandboxes:
@ -438,53 +445,12 @@ jobs:
template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task smoke-test)
- store_test_results:
path: test-results
build-sandboxes:
parameters:
parallelism:
type: integer
executor:
class: large
name: sb_node_22_browsers
parallelism: << parameters.parallelism >>
steps:
- git-shallow-clone/checkout_advanced:
clone_options: "--depth 1 --verbose"
- attach_workspace:
at: .
- run:
name: Starting Event Collector
command: yarn jiti ./event-log-collector.ts
working_directory: scripts
background: true
- run:
name: Building Sandboxes
command: yarn task --task build --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task build) --no-link --start-from=never --junit
environment:
STORYBOOK_TELEMETRY_URL: "http://localhost:6007/event-log"
- run:
name: Verifying Telemetry
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task build)
if [[ $TEMPLATE != bench/* ]]
then
yarn jiti ./event-log-checker.ts build $TEMPLATE
fi
working_directory: scripts
- report-workflow-on-failure:
template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task build)
- store_test_results:
path: test-results
- persist_to_workspace:
root: .
paths:
- sandbox/*/bench/*.json
- sandbox/*/storybook-static
test-runner-production:
parameters:
parallelism:
type: integer
executor:
class: large
class: medium+
name: sb_playwright
parallelism: << parameters.parallelism >>
steps:
@ -492,6 +458,11 @@ jobs:
clone_options: "--depth 1 --verbose"
- attach_workspace:
at: .
- run:
name: Install sandbox dependencies
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task test-runner)
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
- run:
name: Running Test Runner
command: yarn task --task test-runner --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task test-runner) --no-link --start-from=never --junit
@ -504,7 +475,7 @@ jobs:
parallelism:
type: integer
executor:
class: xlarge
class: large
name: sb_playwright
parallelism: << parameters.parallelism >>
steps:
@ -512,6 +483,11 @@ jobs:
clone_options: "--depth 1 --verbose"
- attach_workspace:
at: .
- run:
name: Install sandbox dependencies
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task vitest-integration)
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
- run:
name: Running story tests in Vitest
command: yarn task --task vitest-integration --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task vitest-integration) --no-link --start-from=never --junit
@ -551,6 +527,11 @@ jobs:
- checkout
- attach_workspace:
at: .
- run:
name: Install sandbox dependencies
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task chromatic)
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
- run:
name: Running Chromatic
command: yarn task --task chromatic --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task chromatic) --no-link --start-from=never --junit
@ -571,6 +552,11 @@ jobs:
clone_options: "--depth 1 --verbose"
- attach_workspace:
at: .
- run:
name: Install sandbox dependencies
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task e2e-tests)
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
- run:
name: Running E2E Tests
command: yarn task --task e2e-tests --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task e2e-tests) --no-link --start-from=never --junit
@ -586,7 +572,7 @@ jobs:
parallelism:
type: integer
executor:
class: medium
class: medium+
name: sb_playwright
parallelism: << parameters.parallelism >>
steps:
@ -594,6 +580,11 @@ jobs:
clone_options: "--depth 1 --verbose"
- attach_workspace:
at: .
- run:
name: Install sandbox dependencies
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task e2e-tests-dev)
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
- run:
name: Running E2E Tests
command: yarn task --task e2e-tests-dev --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task e2e-tests-dev) --no-link --start-from=never --junit
@ -609,7 +600,7 @@ jobs:
parallelism:
type: integer
executor:
class: medium
class: small
name: sb_playwright
parallelism: << parameters.parallelism >>
steps:
@ -617,6 +608,11 @@ jobs:
clone_options: "--depth 1 --verbose"
- attach_workspace:
at: .
- run:
name: Install sandbox dependencies
command: |
TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task bench)
cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
- run:
name: Running Bench
command: yarn task --task bench --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task bench) --no-link --start-from=never --junit
@ -627,7 +623,7 @@ jobs:
template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task bench)
test-empty-init:
executor:
class: medium
class: small
name: sb_node_22_browsers
parameters:
packageManager:
@ -837,18 +833,14 @@ workflows:
parallelism: 14
requires:
- build
- build-sandboxes:
parallelism: 14
requires:
- create-sandboxes
- chromatic-sandboxes:
parallelism: 11
requires:
- build-sandboxes
- create-sandboxes
- e2e-production:
parallelism: 9
requires:
- build-sandboxes
- create-sandboxes
- e2e-dev:
parallelism: 1
requires:
@ -856,7 +848,7 @@ workflows:
- test-runner-production:
parallelism: 9
requires:
- build-sandboxes
- create-sandboxes
- vitest-integration:
parallelism: 5
requires:
@ -864,7 +856,7 @@ workflows:
- bench-sandboxes:
parallelism: 5
requires:
- build-sandboxes
- create-sandboxes
- test-ui-testing-module:
requires:
- build
@ -913,18 +905,14 @@ workflows:
parallelism: 20
requires:
- build
- build-sandboxes:
parallelism: 20
requires:
- create-sandboxes
- chromatic-sandboxes:
parallelism: 17
requires:
- build-sandboxes
- create-sandboxes
- e2e-production:
parallelism: 15
requires:
- build-sandboxes
- create-sandboxes
- e2e-dev:
parallelism: 1
requires:
@ -932,7 +920,7 @@ workflows:
- test-runner-production:
parallelism: 15
requires:
- build-sandboxes
- create-sandboxes
- vitest-integration:
parallelism: 5
requires:
@ -949,7 +937,7 @@ workflows:
- bench-sandboxes:
parallelism: 5
requires:
- build-sandboxes
- create-sandboxes
# TODO: reenable once we find out the source of flakyness
# - test-runner-dev:
# parallelism: 4
@ -990,18 +978,14 @@ workflows:
# - smoke-test-sandboxes: # disabled for now
# requires:
# - create-sandboxes
- build-sandboxes:
parallelism: 37
requires:
- create-sandboxes
- chromatic-sandboxes:
parallelism: 34
requires:
- build-sandboxes
- create-sandboxes
- e2e-production:
parallelism: 32
requires:
- build-sandboxes
- create-sandboxes
- e2e-dev:
parallelism: 1
requires:
@ -1009,7 +993,7 @@ workflows:
- test-runner-production:
parallelism: 32
requires:
- build-sandboxes
- create-sandboxes
- vitest-integration:
parallelism: 11
requires:
@ -1044,7 +1028,7 @@ workflows:
- bench-sandboxes:
parallelism: 5
requires:
- build-sandboxes
- create-sandboxes
# TODO: reenable once we find out the source of flakyness
# - test-runner-dev:

3
.nvmrc
View File

@ -1 +1,2 @@
22.6.0
22.13.1

894
.yarn/releases/yarn-4.3.0.cjs generated vendored
View File

File diff suppressed because one or more lines are too long

934
.yarn/releases/yarn-4.6.0.cjs generated vendored Executable file
View File

File diff suppressed because one or more lines are too long

2
.yarnrc.yml
View File

@ -8,4 +8,4 @@ nodeLinker: node-modules
npmPublishAccess: public
yarnPath: .yarn/releases/yarn-4.3.0.cjs
yarnPath: .yarn/releases/yarn-4.6.0.cjs

5
CHANGELOG.md
View File

@ -1,3 +1,8 @@
## 8.5.2
- Addon Test: Support Vitest 3 browser.test.instances field - [#30309](https://github.com/storybookjs/storybook/pull/30309), thanks @valentinpalkovic!
- CLI: Corrected Next.js createScript for pnpm. - [#30304](https://github.com/storybookjs/storybook/pull/30304), thanks @zhyd1997!
## 8.5.1
- Addon Test: Replace `interaction test` -> `component test` - [#30333](https://github.com/storybookjs/storybook/pull/30333), thanks @kylegach!

12
CHANGELOG.prerelease.md
View File

@ -1,3 +1,15 @@
## 8.6.0-alpha.3
- Core: Fix invalid Websocket termination - [#30408](https://github.com/storybookjs/storybook/pull/30408), thanks @valentinpalkovic!
- Core: Improve type compatibility with React 19 - [#30031](https://github.com/storybookjs/storybook/pull/30031), thanks @mrginglymus!
- Preview: Add `globals` to `extract()` - [#30415](https://github.com/storybookjs/storybook/pull/30415), thanks @ndelangen!
## 8.6.0-alpha.2
- Addon Test: Support Vitest 3 browser.test.instances field - [#30309](https://github.com/storybookjs/storybook/pull/30309), thanks @valentinpalkovic!
- Bun: Add support for text lock file - [#30160](https://github.com/storybookjs/storybook/pull/30160), thanks @Arctomachine!
- CLI: Corrected Next.js createScript for pnpm. - [#30304](https://github.com/storybookjs/storybook/pull/30304), thanks @zhyd1997!
## 8.6.0-alpha.1
- Addon Test: Replace `interaction test` -> `component test` - [#30333](https://github.com/storybookjs/storybook/pull/30333), thanks @kylegach!

2
MIGRATION.md
View File

@ -433,7 +433,7 @@
Storybook now supports [Angular's experimental zoneless mode](https://angular.dev/guide/experimental/zoneless). This mode is intended to improve performance by removing Angular's zone.js dependency. To enable zoneless mode in your Angular Storybook, set the `experimentalZoneless` config in your `angular.json` file:
````diff
```diff
{
"projects": {
"your-project": {

934
code/.yarn/releases/yarn-4.6.0.cjs generated vendored Executable file
View File

File diff suppressed because one or more lines are too long

5
code/.yarnrc.yml
View File

@ -22,7 +22,6 @@ plugins:
- path: ../.yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
spec: '@yarnpkg/plugin-workspace-tools'
# See https://github.com/nrwl/nx/issues/22177
supportedArchitectures:
cpu:
- current
@ -36,6 +35,4 @@ supportedArchitectures:
unsafeHttpWhitelist:
- localhost
yarnPath: ../.yarn/releases/yarn-4.3.0.cjs
# Sometimes you get a "The remote archive doesn't match the expected checksum" error, uncommenting this line will fix it
# checksumBehavior: 'update'
yarnPath: .yarn/releases/yarn-4.6.0.cjs

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-a11y",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Test component compliance with web accessibility standards",
"keywords": [
"a11y",

4
code/addons/a11y/src/components/VisionSimulator.tsx
View File

@ -42,13 +42,13 @@ const getFilter = (filterName: string) => {
return `url('#${filterName}')`;
};
const Hidden = styled.div(() => ({
const Hidden = styled.div({
'&, & svg': {
position: 'absolute',
width: 0,
height: 0,
},
}));
});
const ColorIcon = styled.span<{ filter: string }>(
{

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-actions",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [
"storybook",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-backgrounds",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Switch backgrounds to view components in different settings",
"keywords": [
"addon",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-controls",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [
"addon",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-docs",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Document component usage and properties in Markdown",
"keywords": [
"addon",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-essentials",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Curated addons to bring out the best of Storybook",
"keywords": [
"addon",

2
code/addons/gfm/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-mdx-gfm",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "GitHub Flavored Markdown in Storybook",
"keywords": [
"addon",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-highlight",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Highlight DOM nodes within your stories",
"keywords": [
"storybook-addons",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-interactions",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Automate, test and debug user interactions",
"keywords": [
"storybook-addons",

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

@ -14,12 +14,12 @@ import { MatcherResult } from './MatcherResult';
import { MethodCall } from './MethodCall';
import { StatusIcon } from './StatusIcon';
const MethodCallWrapper = styled.div(() => ({
const MethodCallWrapper = styled.div({
fontFamily: typography.fonts.mono,
fontSize: typography.size.s1,
overflowWrap: 'break-word',
inlineSize: 'calc( 100% - 40px )',
}));
});
const RowContainer = styled('div', {
shouldForwardProp: (prop) => !['call', 'pausedAt'].includes(prop.toString()),

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-jest",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "React storybook addon that show component jest report",
"keywords": [
"addon",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-links",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [
"storybook-addons",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-measure",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Inspect layouts by visualizing the box model",
"keywords": [
"storybook-addons",

2
code/addons/onboarding/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-onboarding",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
"keywords": [
"storybook-addons",

4
code/addons/onboarding/src/components/List/List.styled.tsx
View File

@ -1,9 +1,9 @@
import { styled } from 'storybook/internal/theming';
export const ListWrapper = styled.ul(() => ({
export const ListWrapper = styled.ul({
display: 'flex',
flexDirection: 'column',
rowGap: 16,
padding: 0,
margin: 0,
}));
});

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-outline",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [
"storybook-addons",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-storysource",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "View a story’s source code to see how it works and paste into your app",
"keywords": [
"addon",

2
code/addons/test/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/experimental-addon-test",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Integrate Vitest with Storybook",
"keywords": [
"storybook-addons",

4
code/addons/test/src/components/Interaction.tsx
View File

@ -14,12 +14,12 @@ import { MatcherResult } from './MatcherResult';
import { MethodCall } from './MethodCall';
import { StatusIcon } from './StatusIcon';
const MethodCallWrapper = styled.div(() => ({
const MethodCallWrapper = styled.div({
fontFamily: typography.fonts.mono,
fontSize: typography.size.s1,
overflowWrap: 'break-word',
inlineSize: 'calc( 100% - 40px )',
}));
});
const RowContainer = styled('div', {
shouldForwardProp: (prop) => !['call', 'pausedAt'].includes(prop.toString()),

2
code/addons/test/src/components/TestProviderRender.tsx
View File

@ -379,7 +379,7 @@ export const TestProviderRender: FC<TestProviderRenderProps> = ({
icon={
state.crashed ? (
<TestStatusIcon status="critical" aria-label="status: crashed" />
) : // @ts-expect-error: TODO: Fix types
) : // @ts-expect-error @ghengeveld should check whether this is a bug or not
status === 'unknown' ? (
<TestStatusIcon status="unknown" aria-label="status: unknown" />
) : (

2
code/addons/themes/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-themes",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Switch between multiple themes for you components in Storybook",
"keywords": [
"css",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-toolbars",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Create your own toolbar items that control story rendering",
"keywords": [
"addon",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/addon-viewport",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [
"addon",

4
code/addons/viewport/src/legacy/ToolLegacy.tsx
View File

@ -74,10 +74,10 @@ const flip = ({ width, height, ...styles }: ViewportStyles) => ({
width: height,
});
const ActiveViewportSize = styled.div(() => ({
const ActiveViewportSize = styled.div({
display: 'inline-flex',
alignItems: 'center',
}));
});
const ActiveViewportLabel = styled.div(({ theme }) => ({
display: 'inline-block',

4
code/addons/viewport/src/utils.tsx
View File

@ -7,10 +7,10 @@ import { BrowserIcon, MobileIcon, TabletIcon } from '@storybook/icons';
import type { Viewport, ViewportMap } from './types';
export const ActiveViewportSize = styled.div(() => ({
export const ActiveViewportSize = styled.div({
display: 'inline-flex',
alignItems: 'center',
}));
});
export const ActiveViewportLabel = styled.div(({ theme }) => ({
display: 'inline-block',

2
code/builders/builder-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "A plugin to run and build Storybooks with Vite",
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
"bugs": {

2
code/builders/builder-webpack5/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"

16
code/core/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"
@ -296,16 +296,16 @@
"@babel/traverse": "^7.24.1",
"@babel/types": "^7.24.0",
"@discoveryjs/json-ext": "^0.5.3",
"@emotion/cache": "^11.11.0",
"@emotion/is-prop-valid": "^1.2.2",
"@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.0",
"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
"@emotion/cache": "^11.14.0",
"@emotion/is-prop-valid": "^1.3.1",
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.0",
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
"@fal-works/esbuild-plugin-global-externals": "^2.1.2",
"@ndelangen/get-tarball": "^3.0.7",
"@polka/compression": "^1.0.0-next.28",
"@popperjs/core": "^2.6.0",
"@radix-ui/react-dialog": "^1.0.5",
"@radix-ui/react-dialog": "^1.1.2",
"@radix-ui/react-scroll-area": "1.2.0-rc.7",
"@radix-ui/react-slot": "^1.0.2",
"@storybook/docs-mdx": "4.0.0-next.1",
@ -369,7 +369,7 @@
"js-yaml": "^4.1.0",
"lazy-universal-dotenv": "^4.0.0",
"leven": "^4.0.0",
"markdown-to-jsx": "^7.4.5",
"markdown-to-jsx": "^7.7.2",
"memfs": "^4.11.1",
"memoizerific": "^1.11.3",
"nanoid": "^4.0.2",

9
code/core/src/common/js-package-manager/JsPackageManagerFactory.ts
View File

@ -13,7 +13,8 @@ import { Yarn2Proxy } from './Yarn2Proxy';
const NPM_LOCKFILE = 'package-lock.json';
const PNPM_LOCKFILE = 'pnpm-lock.yaml';
const YARN_LOCKFILE = 'yarn.lock';
const BUN_LOCKFILE = 'bun.lockb';
const BUN_LOCKFILE = 'bun.lock';
const BUN_LOCKFILE_BINARY = 'bun.lockb';
type PackageManagerProxy =
| typeof NPMProxy
@ -37,6 +38,7 @@ export class JsPackageManagerFactory {
findUpSync(PNPM_LOCKFILE, { cwd }),
findUpSync(NPM_LOCKFILE, { cwd }),
findUpSync(BUN_LOCKFILE, { cwd }),
findUpSync(BUN_LOCKFILE_BINARY, { cwd }),
]
.filter(Boolean)
.sort((a, b) => {
@ -78,7 +80,10 @@ export class JsPackageManagerFactory {
return new NPMProxy({ cwd });
}
if (hasBunCommand && closestLockfile === BUN_LOCKFILE) {
if (
hasBunCommand &&
(closestLockfile === BUN_LOCKFILE || closestLockfile === BUN_LOCKFILE_BINARY)
) {
return new BUNProxy({ cwd });
}

170
code/core/src/common/versions.ts
View File

@ -1,88 +1,88 @@
// auto generated file, do not edit
export default {
'@storybook/addon-a11y': '8.6.0-alpha.1',
'@storybook/addon-actions': '8.6.0-alpha.1',
'@storybook/addon-backgrounds': '8.6.0-alpha.1',
'@storybook/addon-controls': '8.6.0-alpha.1',
'@storybook/addon-docs': '8.6.0-alpha.1',
'@storybook/addon-essentials': '8.6.0-alpha.1',
'@storybook/addon-mdx-gfm': '8.6.0-alpha.1',
'@storybook/addon-highlight': '8.6.0-alpha.1',
'@storybook/addon-interactions': '8.6.0-alpha.1',
'@storybook/addon-jest': '8.6.0-alpha.1',
'@storybook/addon-links': '8.6.0-alpha.1',
'@storybook/addon-measure': '8.6.0-alpha.1',
'@storybook/addon-onboarding': '8.6.0-alpha.1',
'@storybook/addon-outline': '8.6.0-alpha.1',
'@storybook/addon-storysource': '8.6.0-alpha.1',
'@storybook/experimental-addon-test': '8.6.0-alpha.1',
'@storybook/addon-themes': '8.6.0-alpha.1',
'@storybook/addon-toolbars': '8.6.0-alpha.1',
'@storybook/addon-viewport': '8.6.0-alpha.1',
'@storybook/builder-vite': '8.6.0-alpha.1',
'@storybook/builder-webpack5': '8.6.0-alpha.1',
'@storybook/core': '8.6.0-alpha.1',
'@storybook/builder-manager': '8.6.0-alpha.1',
'@storybook/channels': '8.6.0-alpha.1',
'@storybook/client-logger': '8.6.0-alpha.1',
'@storybook/components': '8.6.0-alpha.1',
'@storybook/core-common': '8.6.0-alpha.1',
'@storybook/core-events': '8.6.0-alpha.1',
'@storybook/core-server': '8.6.0-alpha.1',
'@storybook/csf-tools': '8.6.0-alpha.1',
'@storybook/docs-tools': '8.6.0-alpha.1',
'@storybook/manager': '8.6.0-alpha.1',
'@storybook/manager-api': '8.6.0-alpha.1',
'@storybook/node-logger': '8.6.0-alpha.1',
'@storybook/preview': '8.6.0-alpha.1',
'@storybook/preview-api': '8.6.0-alpha.1',
'@storybook/router': '8.6.0-alpha.1',
'@storybook/telemetry': '8.6.0-alpha.1',
'@storybook/theming': '8.6.0-alpha.1',
'@storybook/types': '8.6.0-alpha.1',
'@storybook/angular': '8.6.0-alpha.1',
'@storybook/ember': '8.6.0-alpha.1',
'@storybook/experimental-nextjs-vite': '8.6.0-alpha.1',
'@storybook/html-vite': '8.6.0-alpha.1',
'@storybook/html-webpack5': '8.6.0-alpha.1',
'@storybook/nextjs': '8.6.0-alpha.1',
'@storybook/preact-vite': '8.6.0-alpha.1',
'@storybook/preact-webpack5': '8.6.0-alpha.1',
'@storybook/react-native-web-vite': '8.6.0-alpha.1',
'@storybook/react-vite': '8.6.0-alpha.1',
'@storybook/react-webpack5': '8.6.0-alpha.1',
'@storybook/server-webpack5': '8.6.0-alpha.1',
'@storybook/svelte-vite': '8.6.0-alpha.1',
'@storybook/svelte-webpack5': '8.6.0-alpha.1',
'@storybook/sveltekit': '8.6.0-alpha.1',
'@storybook/vue3-vite': '8.6.0-alpha.1',
'@storybook/vue3-webpack5': '8.6.0-alpha.1',
'@storybook/web-components-vite': '8.6.0-alpha.1',
'@storybook/web-components-webpack5': '8.6.0-alpha.1',
'@storybook/blocks': '8.6.0-alpha.1',
storybook: '8.6.0-alpha.1',
sb: '8.6.0-alpha.1',
'@storybook/cli': '8.6.0-alpha.1',
'@storybook/codemod': '8.6.0-alpha.1',
'@storybook/core-webpack': '8.6.0-alpha.1',
'create-storybook': '8.6.0-alpha.1',
'@storybook/csf-plugin': '8.6.0-alpha.1',
'@storybook/instrumenter': '8.6.0-alpha.1',
'@storybook/react-dom-shim': '8.6.0-alpha.1',
'@storybook/source-loader': '8.6.0-alpha.1',
'@storybook/test': '8.6.0-alpha.1',
'@storybook/preset-create-react-app': '8.6.0-alpha.1',
'@storybook/preset-html-webpack': '8.6.0-alpha.1',
'@storybook/preset-preact-webpack': '8.6.0-alpha.1',
'@storybook/preset-react-webpack': '8.6.0-alpha.1',
'@storybook/preset-server-webpack': '8.6.0-alpha.1',
'@storybook/preset-svelte-webpack': '8.6.0-alpha.1',
'@storybook/preset-vue3-webpack': '8.6.0-alpha.1',
'@storybook/html': '8.6.0-alpha.1',
'@storybook/preact': '8.6.0-alpha.1',
'@storybook/react': '8.6.0-alpha.1',
'@storybook/server': '8.6.0-alpha.1',
'@storybook/svelte': '8.6.0-alpha.1',
'@storybook/vue3': '8.6.0-alpha.1',
'@storybook/web-components': '8.6.0-alpha.1',
'@storybook/addon-a11y': '8.6.0-alpha.3',
'@storybook/addon-actions': '8.6.0-alpha.3',
'@storybook/addon-backgrounds': '8.6.0-alpha.3',
'@storybook/addon-controls': '8.6.0-alpha.3',
'@storybook/addon-docs': '8.6.0-alpha.3',
'@storybook/addon-essentials': '8.6.0-alpha.3',
'@storybook/addon-mdx-gfm': '8.6.0-alpha.3',
'@storybook/addon-highlight': '8.6.0-alpha.3',
'@storybook/addon-interactions': '8.6.0-alpha.3',
'@storybook/addon-jest': '8.6.0-alpha.3',
'@storybook/addon-links': '8.6.0-alpha.3',
'@storybook/addon-measure': '8.6.0-alpha.3',
'@storybook/addon-onboarding': '8.6.0-alpha.3',
'@storybook/addon-outline': '8.6.0-alpha.3',
'@storybook/addon-storysource': '8.6.0-alpha.3',
'@storybook/experimental-addon-test': '8.6.0-alpha.3',
'@storybook/addon-themes': '8.6.0-alpha.3',
'@storybook/addon-toolbars': '8.6.0-alpha.3',
'@storybook/addon-viewport': '8.6.0-alpha.3',
'@storybook/builder-vite': '8.6.0-alpha.3',
'@storybook/builder-webpack5': '8.6.0-alpha.3',
'@storybook/core': '8.6.0-alpha.3',
'@storybook/builder-manager': '8.6.0-alpha.3',
'@storybook/channels': '8.6.0-alpha.3',
'@storybook/client-logger': '8.6.0-alpha.3',
'@storybook/components': '8.6.0-alpha.3',
'@storybook/core-common': '8.6.0-alpha.3',
'@storybook/core-events': '8.6.0-alpha.3',
'@storybook/core-server': '8.6.0-alpha.3',
'@storybook/csf-tools': '8.6.0-alpha.3',
'@storybook/docs-tools': '8.6.0-alpha.3',
'@storybook/manager': '8.6.0-alpha.3',
'@storybook/manager-api': '8.6.0-alpha.3',
'@storybook/node-logger': '8.6.0-alpha.3',
'@storybook/preview': '8.6.0-alpha.3',
'@storybook/preview-api': '8.6.0-alpha.3',
'@storybook/router': '8.6.0-alpha.3',
'@storybook/telemetry': '8.6.0-alpha.3',
'@storybook/theming': '8.6.0-alpha.3',
'@storybook/types': '8.6.0-alpha.3',
'@storybook/angular': '8.6.0-alpha.3',
'@storybook/ember': '8.6.0-alpha.3',
'@storybook/experimental-nextjs-vite': '8.6.0-alpha.3',
'@storybook/html-vite': '8.6.0-alpha.3',
'@storybook/html-webpack5': '8.6.0-alpha.3',
'@storybook/nextjs': '8.6.0-alpha.3',
'@storybook/preact-vite': '8.6.0-alpha.3',
'@storybook/preact-webpack5': '8.6.0-alpha.3',
'@storybook/react-native-web-vite': '8.6.0-alpha.3',
'@storybook/react-vite': '8.6.0-alpha.3',
'@storybook/react-webpack5': '8.6.0-alpha.3',
'@storybook/server-webpack5': '8.6.0-alpha.3',
'@storybook/svelte-vite': '8.6.0-alpha.3',
'@storybook/svelte-webpack5': '8.6.0-alpha.3',
'@storybook/sveltekit': '8.6.0-alpha.3',
'@storybook/vue3-vite': '8.6.0-alpha.3',
'@storybook/vue3-webpack5': '8.6.0-alpha.3',
'@storybook/web-components-vite': '8.6.0-alpha.3',
'@storybook/web-components-webpack5': '8.6.0-alpha.3',
'@storybook/blocks': '8.6.0-alpha.3',
storybook: '8.6.0-alpha.3',
sb: '8.6.0-alpha.3',
'@storybook/cli': '8.6.0-alpha.3',
'@storybook/codemod': '8.6.0-alpha.3',
'@storybook/core-webpack': '8.6.0-alpha.3',
'create-storybook': '8.6.0-alpha.3',
'@storybook/csf-plugin': '8.6.0-alpha.3',
'@storybook/instrumenter': '8.6.0-alpha.3',
'@storybook/react-dom-shim': '8.6.0-alpha.3',
'@storybook/source-loader': '8.6.0-alpha.3',
'@storybook/test': '8.6.0-alpha.3',
'@storybook/preset-create-react-app': '8.6.0-alpha.3',
'@storybook/preset-html-webpack': '8.6.0-alpha.3',
'@storybook/preset-preact-webpack': '8.6.0-alpha.3',
'@storybook/preset-react-webpack': '8.6.0-alpha.3',
'@storybook/preset-server-webpack': '8.6.0-alpha.3',
'@storybook/preset-svelte-webpack': '8.6.0-alpha.3',
'@storybook/preset-vue3-webpack': '8.6.0-alpha.3',
'@storybook/html': '8.6.0-alpha.3',
'@storybook/preact': '8.6.0-alpha.3',
'@storybook/react': '8.6.0-alpha.3',
'@storybook/server': '8.6.0-alpha.3',
'@storybook/svelte': '8.6.0-alpha.3',
'@storybook/vue3': '8.6.0-alpha.3',
'@storybook/web-components': '8.6.0-alpha.3',
};

4
code/core/src/components/components/bar/button.tsx
View File

@ -140,11 +140,11 @@ const IconPlaceholder = styled.div(({ theme }) => ({
animation: `${theme.animation.glow} 1.5s ease-in-out infinite`,
}));
const IconButtonSkeletonWrapper = styled.div(() => ({
const IconButtonSkeletonWrapper = styled.div({
marginTop: 6,
padding: 7,
height: 28,
}));
});
/** @deprecated This component will be removed in Storybook 9.0 */
export const IconButtonSkeleton = () => (

21
code/core/src/core-server/utils/get-server-channel.ts
View File

@ -17,15 +17,7 @@ export class ServerChannelTransport {
private handler?: ChannelHandler;
isAlive = false;
private heartbeat() {
this.isAlive = true;
}
constructor(server: Server) {
this.heartbeat = this.heartbeat.bind(this);
this.socket = new WebSocketServer({ noServer: true });
server.on('upgrade', (request, socket, head) => {
@ -36,7 +28,6 @@ export class ServerChannelTransport {
}
});
this.socket.on('connection', (wss) => {
this.isAlive = true;
wss.on('message', (raw) => {
const data = raw.toString();
const event =
@ -44,21 +35,11 @@ export class ServerChannelTransport {
? parse(data, { allowFunction: false, allowClass: false })
: data;
this.handler?.(event);
if (event.type === 'pong') {
this.heartbeat();
}
});
});
const interval = setInterval(() => {
this.socket.clients.forEach((ws) => {
if (this.isAlive === false) {
return ws.terminate();
}
this.isAlive = false;
this.send({ type: 'ping' });
});
this.send({ type: 'ping' });
}, HEARTBEAT_INTERVAL);
this.socket.on('close', function close() {

2
code/core/src/manager-api/version.ts
View File

@ -1 +1 @@
export const version = '8.6.0-alpha.1';
export const version = '8.6.0-alpha.3';

4
code/core/src/manager/components/notifications/NotificationItem.tsx
View File

@ -93,7 +93,7 @@ const NotificationWithInteractiveStates = styled(Notification)({
const NotificationButton = NotificationWithInteractiveStates.withComponent('div');
const NotificationLink = NotificationWithInteractiveStates.withComponent(Link);
const NotificationIconWrapper = styled.div(() => ({
const NotificationIconWrapper = styled.div({
display: 'flex',
marginRight: 10,
alignItems: 'center',
@ -102,7 +102,7 @@ const NotificationIconWrapper = styled.div(() => ({
width: 16,
height: 16,
},
}));
});
const NotificationTextWrapper = styled.div(({ theme }) => ({
width: '100%',

12
code/core/src/preview-api/modules/preview-web/PreviewWeb.test.ts
View File

@ -3793,6 +3793,9 @@ describe('PreviewWeb', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--a",
"initialArgs": {
"foo": "a",
@ -3844,6 +3847,9 @@ describe('PreviewWeb', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--b",
"initialArgs": {
"foo": "b",
@ -3876,6 +3882,9 @@ describe('PreviewWeb', () => {
"args": {},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--e",
"initialArgs": {},
"kind": "Component One",
@ -3914,6 +3923,9 @@ describe('PreviewWeb', () => {
},
"component": undefined,
"componentId": "component-two",
"globals": {
"a": "b",
},
"id": "component-two--c",
"initialArgs": {
"foo": "c",

21
code/core/src/preview-api/modules/store/StoryStore.test.ts
View File

@ -301,6 +301,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--a",
"initialArgs": {
"foo": "a",
@ -471,6 +474,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--a",
"initialArgs": {
"foo": "a",
@ -514,6 +520,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--b",
"initialArgs": {
"foo": "b",
@ -557,6 +566,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-two",
"globals": {
"a": "b",
},
"id": "component-two--c",
"initialArgs": {
"foo": "c",
@ -847,6 +859,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--a",
"initialArgs": {
"foo": "a",
@ -890,6 +905,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-one",
"globals": {
"a": "b",
},
"id": "component-one--b",
"initialArgs": {
"foo": "b",
@ -933,6 +951,9 @@ describe('StoryStore', () => {
},
"component": undefined,
"componentId": "component-two",
"globals": {
"a": "b",
},
"id": "component-two--c",
"initialArgs": {
"foo": "c",

10
code/core/src/preview-api/modules/store/StoryStore.ts
View File

@ -323,7 +323,15 @@ export class StoryStore<TRenderer extends Renderer> {
}
return Object.assign(storyAcc, { [key]: value });
},
{ args: story.initialArgs }
{
//
args: story.initialArgs,
globals: {
...this.userGlobals.initialGlobals,
...this.userGlobals.globals,
...story.storyGlobals,
},
}
);
return acc;
},

2
code/deprecated/builder-manager/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/builder-manager",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook manager builder",
"keywords": [
"storybook"

2
code/deprecated/channels/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/channels",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/deprecated/client-logger/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/client-logger",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/deprecated/components/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/components",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Core Storybook Components",
"keywords": [
"storybook"

2
code/deprecated/core-common/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-common",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"

2
code/deprecated/core-events/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-events",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Event names used in storybook core",
"keywords": [
"storybook"

2
code/deprecated/core-server/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-server",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"

2
code/deprecated/csf-tools/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/csf-tools",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Parse and manipulate CSF and Storybook config files",
"keywords": [
"storybook"

2
code/deprecated/docs-tools/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/docs-tools",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Shared utility functions for frameworks to implement docs",
"keywords": [
"storybook"

2
code/deprecated/manager-api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/manager-api",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Core Storybook Manager API & Context",
"keywords": [
"storybook"

2
code/deprecated/manager/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/manager",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Core Storybook UI",
"keywords": [
"storybook"

2
code/deprecated/node-logger/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/node-logger",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/deprecated/preview-api/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preview-api",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/deprecated/preview/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preview",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/deprecated/router/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/router",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Core Storybook Router",
"keywords": [
"storybook"

2
code/deprecated/telemetry/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/telemetry",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Telemetry logging for crash reports and usage statistics",
"keywords": [
"storybook"

2
code/deprecated/theming/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/theming",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Core Storybook Components",
"keywords": [
"storybook"

2
code/deprecated/types/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/types",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Core Storybook TS Types",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/angular",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
"keywords": [
"storybook",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/ember",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
"bugs": {

2
code/frameworks/experimental-nextjs-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/experimental-nextjs-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Next.js and Vite",
"keywords": [
"storybook",

2
code/frameworks/html-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/html-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/html-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [
"storybook"

2
code/frameworks/nextjs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/nextjs",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Next.js",
"keywords": [
"storybook",

2
code/frameworks/preact-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/preact-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/preact-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [
"storybook"

2
code/frameworks/react-native-web-vite/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-native-web-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Develop react-native components an isolated web environment with hot reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/react-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/react-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/server-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/svelte-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [
"storybook"

2
code/frameworks/sveltekit/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/sveltekit",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for SvelteKit",
"keywords": [
"storybook",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/vue3-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components-vite",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/web-components-webpack5",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [
"lit",

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

@ -1,6 +1,6 @@
{
"name": "@storybook/blocks",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook Doc Blocks",
"keywords": [
"storybook"
@ -54,7 +54,7 @@
"@types/color-convert": "^2.0.0",
"color-convert": "^2.0.1",
"es-toolkit": "^1.22.0",
"markdown-to-jsx": "^7.4.5",
"markdown-to-jsx": "^7.7.2",
"memoizerific": "^1.11.3",
"polished": "^4.2.2",
"react-colorful": "^5.1.2",

19
code/lib/blocks/src/blocks/mdx.tsx
View File

@ -156,14 +156,17 @@ const OcticonHeaders = SUPPORTED_MDX_HEADERS.reduce(
{}
);
const OcticonAnchor = styled.a(() => ({
float: 'left',
lineHeight: 'inherit',
paddingRight: '10px',
marginLeft: '-24px',
// Allow the theme's text color to override the default link color.
color: 'inherit',
}));
const OcticonAnchor = styled.a(
() =>
({
float: 'left',
lineHeight: 'inherit',
paddingRight: '10px',
marginLeft: '-24px',
// Allow the theme's text color to override the default link color.
color: 'inherit',
}) as const
);
interface HeaderWithOcticonAnchorProps {
as: string;

8
code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
View File

@ -74,9 +74,9 @@ const Subsection = styled.td(({ theme }) => ({
background: theme.background.app,
}));
const StyledTd = styled.td(() => ({
const StyledTd = styled.td({
position: 'relative',
}));
});
const StyledTr = styled.tr(({ theme }) => ({
'&:hover > td': {
@ -86,7 +86,7 @@ const StyledTr = styled.tr(({ theme }) => ({
},
}));
const ClickIntercept = styled.button(() => ({
const ClickIntercept = styled.button({
// reset button style
background: 'none',
border: 'none',
@ -103,7 +103,7 @@ const ClickIntercept = styled.button(() => ({
width: '100%',
color: 'transparent',
cursor: 'row-resize !important',
}));
});
export const SectionRow: FC<SectionRowProps> = ({
level = 'section',

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

@ -1,6 +1,6 @@
{
"name": "sb",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook CLI",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "@storybook/cli",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook CLI",
"keywords": [
"storybook"

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

@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook's CLI - install, dev, build, upgrade, and more",
"keywords": [
"cli",

2
code/lib/codemod/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/codemod",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "A collection of codemod scripts written with JSCodeshift",
"keywords": [
"storybook"

2
code/lib/core-webpack/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/core-webpack",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Storybook framework-agnostic API",
"keywords": [
"storybook"

2
code/lib/create-storybook/package.json
View File

@ -1,6 +1,6 @@
{
"name": "create-storybook",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Initialize Storybook into your project",
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
"bugs": {

2
code/lib/create-storybook/src/scaffold-new-project.ts
View File

@ -49,7 +49,7 @@ const SUPPORTED_PROJECTS: Record<string, SupportedProject> = {
npm: 'npm create next-app@^14 . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',
// yarn doesn't support version ranges, so we have to use npx
yarn: 'npx create-next-app@^14 . --typescript --use-yarn --eslint --tailwind --no-app --import-alias="@/*" --src-dir',
pnpm: 'pnpm create next-app^14 . --typescript --use-pnpm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',
pnpm: 'pnpm create next-app@^14 . --typescript --use-pnpm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',
},
},
'vue-vite-ts': {

2
code/lib/csf-plugin/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/csf-plugin",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Enrich CSF files via static analysis",
"keywords": [
"storybook"

2
code/lib/instrumenter/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/instrumenter",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/lib/react-dom-shim/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/react-dom-shim",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

2
code/lib/source-loader/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/source-loader",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "Source loader",
"keywords": [
"lib",

2
code/lib/test/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@storybook/test",
"version": "8.6.0-alpha.1",
"version": "8.6.0-alpha.3",
"description": "",
"keywords": [
"storybook"

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