Socket
Socket
Sign inDemoInstall

@storybook/core

Package Overview
Dependencies
Maintainers
11
Versions
1173
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@storybook/core - npm Package Compare versions

Comparing version 0.0.0-pr-28800-sha-2528064a to 0.0.0-pr-28882-sha-2e6a0c80

dist/cli/bin/index.cjs
dist/cli/bin/index.d.ts
dist/cli/bin/index.js
dist/cli/index.cjs
dist/cli/index.d.ts
dist/cli/index.js

2

dist/channels/index.js

@@ -244,4 +244,4 @@ var Qt = Object.create;

// src/channels/postmessage/index.ts
import { logger as Ht, pretty as qt } from "@storybook/core/client-logger";
import * as Qn from "@storybook/core/core-events";
import { logger as Ht, pretty as qt } from "@storybook/core/client-logger";

@@ -248,0 +248,0 @@ // ../node_modules/telejson/dist/chunk-465TF3XA.mjs

288

dist/common/index.d.ts

@@ -7,2 +7,90 @@ import * as _storybook_core_types from '@storybook/core/types';

declare const _default: {
'@storybook/addon-a11y': string;
'@storybook/addon-actions': string;
'@storybook/addon-backgrounds': string;
'@storybook/addon-controls': string;
'@storybook/addon-docs': string;
'@storybook/addon-essentials': string;
'@storybook/experimental-addon-coverage': string;
'@storybook/addon-mdx-gfm': string;
'@storybook/addon-highlight': string;
'@storybook/addon-interactions': string;
'@storybook/addon-jest': string;
'@storybook/addon-links': string;
'@storybook/addon-measure': string;
'@storybook/addon-onboarding': string;
'@storybook/addon-outline': string;
'@storybook/addon-storysource': string;
'@storybook/addon-themes': string;
'@storybook/addon-toolbars': string;
'@storybook/addon-viewport': string;
'@storybook/experimental-addon-vitest': string;
'@storybook/builder-vite': string;
'@storybook/builder-webpack5': string;
'@storybook/core': string;
'@storybook/builder-manager': string;
'@storybook/channels': string;
'@storybook/client-logger': string;
'@storybook/components': string;
'@storybook/core-common': string;
'@storybook/core-events': string;
'@storybook/core-server': string;
'@storybook/csf-tools': string;
'@storybook/docs-tools': string;
'@storybook/manager': string;
'@storybook/manager-api': string;
'@storybook/node-logger': string;
'@storybook/preview': string;
'@storybook/preview-api': string;
'@storybook/router': string;
'@storybook/telemetry': string;
'@storybook/theming': string;
'@storybook/types': string;
'@storybook/angular': string;
'@storybook/ember': string;
'@storybook/experimental-nextjs-vite': string;
'@storybook/html-vite': string;
'@storybook/html-webpack5': string;
'@storybook/nextjs': string;
'@storybook/preact-vite': string;
'@storybook/preact-webpack5': string;
'@storybook/react-vite': string;
'@storybook/react-webpack5': string;
'@storybook/server-webpack5': string;
'@storybook/svelte-vite': string;
'@storybook/svelte-webpack5': string;
'@storybook/sveltekit': string;
'@storybook/vue3-vite': string;
'@storybook/vue3-webpack5': string;
'@storybook/web-components-vite': string;
'@storybook/web-components-webpack5': string;
'@storybook/blocks': string;
storybook: string;
sb: string;
'@storybook/cli': string;
'@storybook/codemod': string;
'@storybook/core-webpack': string;
'create-storybook': string;
'@storybook/csf-plugin': string;
'@storybook/instrumenter': string;
'@storybook/react-dom-shim': string;
'@storybook/source-loader': string;
'@storybook/test': string;
'@storybook/preset-create-react-app': string;
'@storybook/preset-html-webpack': string;
'@storybook/preset-preact-webpack': string;
'@storybook/preset-react-webpack': string;
'@storybook/preset-server-webpack': string;
'@storybook/preset-svelte-webpack': string;
'@storybook/preset-vue3-webpack': string;
'@storybook/html': string;
'@storybook/preact': string;
'@storybook/react': string;
'@storybook/server': string;
'@storybook/svelte': string;
'@storybook/vue3': string;
'@storybook/web-components': string;
};
type InterPresetOptions = Omit<CLIOptions & LoadOptions & BuilderOptions & {

@@ -86,2 +174,49 @@ isCritical?: boolean;

declare global {
interface SymbolConstructor {
readonly observable: symbol;
}
}
// Helper type. Not useful on its own.
type Without<FirstType, SecondType> = {[KeyType in Exclude<keyof FirstType, keyof SecondType>]?: never};
/**
Create a type that has mutually exclusive keys.
This type was inspired by [this comment](https://github.com/Microsoft/TypeScript/issues/14094#issuecomment-373782604).
This type works with a helper type, called `Without`. `Without<FirstType, SecondType>` produces a type that has only keys from `FirstType` which are not present on `SecondType` and sets the value type for these keys to `never`. This helper type is then used in `MergeExclusive` to remove keys from either `FirstType` or `SecondType`.
@example
```
import type {MergeExclusive} from 'type-fest';
interface ExclusiveVariation1 {
exclusive1: boolean;
}
interface ExclusiveVariation2 {
exclusive2: string;
}
type ExclusiveOptions = MergeExclusive<ExclusiveVariation1, ExclusiveVariation2>;
let exclusiveOptions: ExclusiveOptions;
exclusiveOptions = {exclusive1: true};
//=> Works
exclusiveOptions = {exclusive2: 'hi'};
//=> Works
exclusiveOptions = {exclusive1: true, exclusive2: 'hi'};
//=> Error
```
@category Object
*/
type MergeExclusive<FirstType, SecondType> =
(FirstType | SecondType) extends object ?
(Without<FirstType, SecondType> & SecondType) | (Without<SecondType, FirstType> & FirstType) :
FirstType | SecondType;
type StdioOption =

@@ -541,53 +676,5 @@ | 'pipe'

declare global {
interface SymbolConstructor {
readonly observable: symbol;
}
}
// Helper type. Not useful on its own.
type Without<FirstType, SecondType> = {[KeyType in Exclude<keyof FirstType, keyof SecondType>]?: never};
/**
Create a type that has mutually exclusive keys.
This type was inspired by [this comment](https://github.com/Microsoft/TypeScript/issues/14094#issuecomment-373782604).
This type works with a helper type, called `Without`. `Without<FirstType, SecondType>` produces a type that has only keys from `FirstType` which are not present on `SecondType` and sets the value type for these keys to `never`. This helper type is then used in `MergeExclusive` to remove keys from either `FirstType` or `SecondType`.
@example
```
import type {MergeExclusive} from 'type-fest';
interface ExclusiveVariation1 {
exclusive1: boolean;
}
interface ExclusiveVariation2 {
exclusive2: string;
}
type ExclusiveOptions = MergeExclusive<ExclusiveVariation1, ExclusiveVariation2>;
let exclusiveOptions: ExclusiveOptions;
exclusiveOptions = {exclusive1: true};
//=> Works
exclusiveOptions = {exclusive2: 'hi'};
//=> Works
exclusiveOptions = {exclusive1: true, exclusive2: 'hi'};
//=> Error
```
@category Object
*/
type MergeExclusive<FirstType, SecondType> =
(FirstType | SecondType) extends object ?
(Without<FirstType, SecondType> & SecondType) | (Without<SecondType, FirstType> & FirstType) :
FirstType | SecondType;
declare function temporaryDirectory({ prefix }?: {
prefix?: string | undefined;
}): Promise<string>;
type FileOptions = MergeExclusive<{

@@ -858,87 +945,24 @@ /**

declare const _default: {
'@storybook/addon-a11y': string;
'@storybook/addon-actions': string;
'@storybook/addon-backgrounds': string;
'@storybook/addon-controls': string;
'@storybook/addon-docs': string;
'@storybook/addon-essentials': string;
'@storybook/addon-mdx-gfm': string;
'@storybook/addon-highlight': string;
'@storybook/addon-interactions': string;
'@storybook/addon-jest': string;
'@storybook/addon-links': string;
'@storybook/addon-measure': string;
'@storybook/addon-onboarding': string;
'@storybook/addon-outline': string;
'@storybook/addon-storysource': string;
'@storybook/addon-themes': string;
'@storybook/addon-toolbars': string;
'@storybook/addon-viewport': string;
'@storybook/builder-vite': string;
'@storybook/builder-webpack5': string;
'@storybook/core': string;
'@storybook/builder-manager': string;
'@storybook/channels': string;
'@storybook/client-logger': string;
'@storybook/components': string;
'@storybook/core-common': string;
'@storybook/core-events': string;
'@storybook/core-server': string;
'@storybook/csf-tools': string;
'@storybook/docs-tools': string;
'@storybook/manager': string;
'@storybook/manager-api': string;
'@storybook/node-logger': string;
'@storybook/preview': string;
'@storybook/preview-api': string;
'@storybook/router': string;
'@storybook/telemetry': string;
'@storybook/theming': string;
'@storybook/types': string;
'@storybook/angular': string;
'@storybook/ember': string;
'@storybook/html-vite': string;
'@storybook/html-webpack5': string;
'@storybook/nextjs': string;
'@storybook/nextjs-vite': string;
'@storybook/preact-vite': string;
'@storybook/preact-webpack5': string;
'@storybook/react-vite': string;
'@storybook/react-webpack5': string;
'@storybook/server-webpack5': string;
'@storybook/svelte-vite': string;
'@storybook/svelte-webpack5': string;
'@storybook/sveltekit': string;
'@storybook/vue3-vite': string;
'@storybook/vue3-webpack5': string;
'@storybook/web-components-vite': string;
'@storybook/web-components-webpack5': string;
'@storybook/blocks': string;
storybook: string;
sb: string;
'@storybook/cli': string;
'@storybook/codemod': string;
'@storybook/core-webpack': string;
'@storybook/csf-plugin': string;
'@storybook/instrumenter': string;
'@storybook/react-dom-shim': string;
'@storybook/source-loader': string;
'@storybook/test': string;
'@storybook/preset-create-react-app': string;
'@storybook/preset-html-webpack': string;
'@storybook/preset-preact-webpack': string;
'@storybook/preset-react-webpack': string;
'@storybook/preset-server-webpack': string;
'@storybook/preset-svelte-webpack': string;
'@storybook/preset-vue3-webpack': string;
'@storybook/html': string;
'@storybook/preact': string;
'@storybook/react': string;
'@storybook/server': string;
'@storybook/svelte': string;
'@storybook/vue3': string;
'@storybook/web-components': string;
interface StoryIdData {
storyFilePath: string;
exportedStoryName: string;
}
type GetStoryIdOptions = StoryIdData & {
configDir: string;
stories: StoriesEntry[];
workingDir?: string;
userTitle?: string;
storyFilePath: string;
};
declare function getStoryId(data: StoryIdData, options: Options$2): Promise<{
storyId: string;
kind: string;
}>;
declare function getStoryTitle({ storyFilePath, configDir, stories, workingDir, userTitle, }: Omit<GetStoryIdOptions, 'exportedStoryName'>): string | undefined;
/**
* Replaces the path separator with forward slashes
*/
declare const posix: (localPath: string, seperator?: string) => string;
declare const Cache: (options?: FileSystemCacheOptions | undefined) => FileSystemCache$1;

@@ -949,2 +973,2 @@ type Options = Parameters<typeof Cache>['0'];

export { type FileOptions, HandledError, type InstallationMetadata, JsPackageManager, JsPackageManagerFactory, type PackageJsonWithDepsAndDevDeps, type PackageJsonWithMaybeDeps, type PackageManagerName, type PackageMetadata, boost, builderPackages, cache, checkAddonOrder, codeLog, commandLog, commonGlobOptions, createFileSystemCache, createLogStream, extractProperFrameworkName, extractProperRendererNameFromFramework, filterPresetsConfig, findConfigFile, formatFileContent, frameworkPackages, frameworkToRenderer, getAutoRefs, getBuilderOptions, getChars, getCoercedStorybookVersion, getConfigInfo, getDirectoryFromWorkingDir, getEnvConfig, getFrameworkName, getInterpretedFile, getInterpretedFileWithExt, getPackageDetails, getPresets, getPreviewBodyTemplate, getPreviewHeadTemplate, getProjectRoot, getRefs, getRendererName, getStorybookConfiguration, getStorybookInfo, globToRegexp, handlebars, interopRequireDefault, interpolate, isCorePackage, isPreservingSymlinks, loadAllPresets, loadCustomPresets, loadEnvs, loadMainConfig, loadManagerOrAddonsFile, loadPreset, loadPreviewOrConfigFile, logConfig, nodePathsToArray, normalizeStories, normalizeStoriesEntry, normalizeStoryPath, paddedLog, parseList, readTemplate, removeAddon, rendererPackages, resolveAddonName, resolvePathInStorybookCache, satisfies, serverRequire, serverResolve, stringifyEnvs, stringifyProcessEnvs, stripAbsNodeModulesPath, temporaryDirectory, temporaryFile, validateConfigurationFiles, validateFrameworkName, _default as versions };
export { type FileOptions, HandledError, type InstallationMetadata, JsPackageManager, JsPackageManagerFactory, type PackageJsonWithDepsAndDevDeps, type PackageJsonWithMaybeDeps, type PackageManagerName, type PackageMetadata, boost, builderPackages, cache, checkAddonOrder, codeLog, commandLog, commonGlobOptions, createFileSystemCache, createLogStream, extractProperFrameworkName, extractProperRendererNameFromFramework, filterPresetsConfig, findConfigFile, formatFileContent, frameworkPackages, frameworkToRenderer, getAutoRefs, getBuilderOptions, getChars, getCoercedStorybookVersion, getConfigInfo, getDirectoryFromWorkingDir, getEnvConfig, getFrameworkName, getInterpretedFile, getInterpretedFileWithExt, getPackageDetails, getPresets, getPreviewBodyTemplate, getPreviewHeadTemplate, getProjectRoot, getRefs, getRendererName, getStoryId, getStoryTitle, getStorybookConfiguration, getStorybookInfo, globToRegexp, handlebars, interopRequireDefault, interpolate, isCorePackage, isPreservingSymlinks, loadAllPresets, loadCustomPresets, loadEnvs, loadMainConfig, loadManagerOrAddonsFile, loadPreset, loadPreviewOrConfigFile, logConfig, nodePathsToArray, normalizeStories, normalizeStoriesEntry, normalizeStoryPath, paddedLog, parseList, posix, readTemplate, removeAddon, rendererPackages, resolveAddonName, resolvePathInStorybookCache, satisfies, serverRequire, serverResolve, stringifyEnvs, stringifyProcessEnvs, stripAbsNodeModulesPath, temporaryDirectory, temporaryFile, validateConfigurationFiles, validateFrameworkName, _default as versions };

15

dist/components/index.d.ts

@@ -988,2 +988,4 @@ import * as React$1 from 'react';

disabled?: boolean;
href?: string;
onClick?: (event: SyntheticEvent, ...args: any[]) => any;
}

@@ -993,3 +995,3 @@ declare const Item: _storybook_core_theming.StyledComponent<{

as?: React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> | undefined;
} & ItemProps, React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
} & ItemProps, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
type LinkWrapperType = (props: any) => ReactNode;

@@ -1010,12 +1012,15 @@ interface ListItemProps extends Omit<ComponentProps<typeof Item>, 'href' | 'title'> {

declare const List: _storybook_core_theming.StyledComponent<{
theme?: Theme | undefined;
as?: React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> | undefined;
}, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface Link extends Omit<ListItemProps, 'onClick'> {
id: string;
isGatsby?: boolean;
onClick?: (event: SyntheticEvent, item: ListItemProps) => void;
onClick?: (event: SyntheticEvent, item: Pick<ListItemProps, 'id' | 'active' | 'disabled' | 'title'>) => void;
}
interface TooltipLinkListProps {
interface TooltipLinkListProps extends ComponentProps<typeof List> {
links: Link[];
LinkWrapper?: LinkWrapperType;
}
declare const TooltipLinkList: ({ links, LinkWrapper }: TooltipLinkListProps) => React__default.JSX.Element;
declare const TooltipLinkList: ({ links, LinkWrapper, ...props }: TooltipLinkListProps) => React__default.JSX.Element;

@@ -1022,0 +1027,0 @@ declare const TabBar: _storybook_core_theming.StyledComponent<{

4

dist/core-events/index.d.ts

@@ -118,2 +118,3 @@ import { ArgTypes } from '@storybook/csf';

RESET_STORY_ARGS = "resetStoryArgs",
SET_FILTER = "setFilter",
SET_GLOBALS = "setGlobals",

@@ -172,2 +173,3 @@ UPDATE_GLOBALS = "updateGlobals",

declare const SET_CURRENT_STORY: events;
declare const SET_FILTER: events;
declare const SET_GLOBALS: events;

@@ -204,2 +206,2 @@ declare const SET_INDEX: events;

export { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, type ArgTypesRequestPayload, type ArgTypesResponsePayload, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, type CreateNewStoryErrorPayload, type CreateNewStoryRequestPayload, type CreateNewStoryResponsePayload, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, type FileComponentSearchRequestPayload, type FileComponentSearchResponsePayload, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, type RequestData, type ResponseData, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, type SaveStoryRequestPayload, type SaveStoryResponsePayload, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, type WhatsNewCache, type WhatsNewData, events as default };
export { ARGTYPES_INFO_REQUEST, ARGTYPES_INFO_RESPONSE, type ArgTypesRequestPayload, type ArgTypesResponsePayload, CHANNEL_CREATED, CHANNEL_WS_DISCONNECT, CONFIG_ERROR, CREATE_NEW_STORYFILE_REQUEST, CREATE_NEW_STORYFILE_RESPONSE, CURRENT_STORY_WAS_SET, type CreateNewStoryErrorPayload, type CreateNewStoryRequestPayload, type CreateNewStoryResponsePayload, DOCS_PREPARED, DOCS_RENDERED, FILE_COMPONENT_SEARCH_REQUEST, FILE_COMPONENT_SEARCH_RESPONSE, FORCE_REMOUNT, FORCE_RE_RENDER, type FileComponentSearchRequestPayload, type FileComponentSearchResponsePayload, GLOBALS_UPDATED, NAVIGATE_URL, PLAY_FUNCTION_THREW_EXCEPTION, PRELOAD_ENTRIES, PREVIEW_BUILDER_PROGRESS, PREVIEW_KEYDOWN, REGISTER_SUBSCRIPTION, REQUEST_WHATS_NEW_DATA, RESET_STORY_ARGS, RESULT_WHATS_NEW_DATA, type RequestData, type ResponseData, SAVE_STORY_REQUEST, SAVE_STORY_RESPONSE, SELECT_STORY, SET_CONFIG, SET_CURRENT_STORY, SET_FILTER, SET_GLOBALS, SET_INDEX, SET_STORIES, SET_WHATS_NEW_CACHE, SHARED_STATE_CHANGED, SHARED_STATE_SET, STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL, STORY_ARGS_UPDATED, STORY_CHANGED, STORY_ERRORED, STORY_INDEX_INVALIDATED, STORY_MISSING, STORY_PREPARED, STORY_RENDERED, STORY_RENDER_PHASE_CHANGED, STORY_SPECIFIED, STORY_THREW_EXCEPTION, STORY_UNCHANGED, type SaveStoryRequestPayload, type SaveStoryResponsePayload, TELEMETRY_ERROR, TOGGLE_WHATS_NEW_NOTIFICATIONS, UNHANDLED_ERRORS_WHILE_PLAYING, UPDATE_GLOBALS, UPDATE_QUERY_PARAMS, UPDATE_STORY_ARGS, type WhatsNewCache, type WhatsNewData, events as default };

150

dist/core-events/index.js

@@ -9,12 +9,12 @@ // src/core-events/index.ts

erPhaseChanged", E.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", E.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePla\
ying", E.UPDATE_STORY_ARGS = "updateStoryArgs", E.STORY_ARGS_UPDATED = "storyArgsUpdated", E.RESET_STORY_ARGS = "resetStoryArgs", E.SET_GLOBALS =
"setGlobals", E.UPDATE_GLOBALS = "updateGlobals", E.GLOBALS_UPDATED = "globalsUpdated", E.REGISTER_SUBSCRIPTION = "registerSubscription", E.
PREVIEW_KEYDOWN = "previewKeydown", E.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", E.SELECT_STORY = "selectStory", E.STORIES_COLLAPSE_ALL =
"storiesCollapseAll", E.STORIES_EXPAND_ALL = "storiesExpandAll", E.DOCS_RENDERED = "docsRendered", E.SHARED_STATE_CHANGED = "sharedStateChan\
ged", E.SHARED_STATE_SET = "sharedStateSet", E.NAVIGATE_URL = "navigateUrl", E.UPDATE_QUERY_PARAMS = "updateQueryParams", E.REQUEST_WHATS_NEW_DATA =
"requestWhatsNewData", E.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", E.SET_WHATS_NEW_CACHE = "setWhatsNewCache", E.TOGGLE_WHATS_NEW_NOTIFICATIONS =
"toggleWhatsNewNotifications", E.TELEMETRY_ERROR = "telemetryError", E.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", E.FILE_COMPONENT_SEARCH_RESPONSE =
"fileComponentSearchResponse", E.SAVE_STORY_REQUEST = "saveStoryRequest", E.SAVE_STORY_RESPONSE = "saveStoryResponse", E.ARGTYPES_INFO_REQUEST =
"argtypesInfoRequest", E.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", E.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", E.CREATE_NEW_STORYFILE_RESPONSE =
"createNewStoryfileResponse", E))(R || {}), S = R, {
ying", E.UPDATE_STORY_ARGS = "updateStoryArgs", E.STORY_ARGS_UPDATED = "storyArgsUpdated", E.RESET_STORY_ARGS = "resetStoryArgs", E.SET_FILTER =
"setFilter", E.SET_GLOBALS = "setGlobals", E.UPDATE_GLOBALS = "updateGlobals", E.GLOBALS_UPDATED = "globalsUpdated", E.REGISTER_SUBSCRIPTION =
"registerSubscription", E.PREVIEW_KEYDOWN = "previewKeydown", E.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", E.SELECT_STORY = "sel\
ectStory", E.STORIES_COLLAPSE_ALL = "storiesCollapseAll", E.STORIES_EXPAND_ALL = "storiesExpandAll", E.DOCS_RENDERED = "docsRendered", E.SHARED_STATE_CHANGED =
"sharedStateChanged", E.SHARED_STATE_SET = "sharedStateSet", E.NAVIGATE_URL = "navigateUrl", E.UPDATE_QUERY_PARAMS = "updateQueryParams", E.
REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", E.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", E.SET_WHATS_NEW_CACHE = "setWhatsNewCache", E.
TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", E.TELEMETRY_ERROR = "telemetryError", E.FILE_COMPONENT_SEARCH_REQUEST = "fil\
eComponentSearchRequest", E.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", E.SAVE_STORY_REQUEST = "saveStoryRequest", E.SAVE_STORY_RESPONSE =
"saveStoryResponse", E.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", E.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", E.CREATE_NEW_STORYFILE_REQUEST =
"createNewStoryfileRequest", E.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", E))(R || {}), S = R, {
CHANNEL_WS_DISCONNECT: _,

@@ -39,41 +39,42 @@ CHANNEL_CREATED: T,

PREVIEW_KEYDOWN: d,
REGISTER_SUBSCRIPTION: p,
RESET_STORY_ARGS: t,
REGISTER_SUBSCRIPTION: t,
RESET_STORY_ARGS: p,
SELECT_STORY: i,
SET_CONFIG: l,
SET_CURRENT_STORY: e,
SET_CURRENT_STORY: F,
SET_FILTER: e,
SET_GLOBALS: y,
SET_INDEX: F,
SET_STORIES: c,
SHARED_STATE_CHANGED: h,
SHARED_STATE_SET: f,
STORIES_COLLAPSE_ALL: g,
STORIES_EXPAND_ALL: u,
STORY_ARGS_UPDATED: s,
STORY_CHANGED: x,
STORY_ERRORED: M,
STORY_INDEX_INVALIDATED: Q,
STORY_MISSING: m,
STORY_PREPARED: V,
STORY_RENDER_PHASE_CHANGED: w,
STORY_RENDERED: B,
STORY_SPECIFIED: X,
STORY_THREW_EXCEPTION: b,
STORY_UNCHANGED: q,
UPDATE_GLOBALS: K,
UPDATE_QUERY_PARAMS: j,
UPDATE_STORY_ARGS: k,
REQUEST_WHATS_NEW_DATA: z,
RESULT_WHATS_NEW_DATA: J,
SET_WHATS_NEW_CACHE: Z,
TOGGLE_WHATS_NEW_NOTIFICATIONS: $,
TELEMETRY_ERROR: n,
SAVE_STORY_REQUEST: v,
SAVE_STORY_RESPONSE: EE,
ARGTYPES_INFO_REQUEST: RE,
ARGTYPES_INFO_RESPONSE: SE
SET_INDEX: c,
SET_STORIES: h,
SHARED_STATE_CHANGED: f,
SHARED_STATE_SET: g,
STORIES_COLLAPSE_ALL: u,
STORIES_EXPAND_ALL: s,
STORY_ARGS_UPDATED: x,
STORY_CHANGED: M,
STORY_ERRORED: Q,
STORY_INDEX_INVALIDATED: m,
STORY_MISSING: V,
STORY_PREPARED: w,
STORY_RENDER_PHASE_CHANGED: B,
STORY_RENDERED: X,
STORY_SPECIFIED: b,
STORY_THREW_EXCEPTION: q,
STORY_UNCHANGED: K,
UPDATE_GLOBALS: j,
UPDATE_QUERY_PARAMS: k,
UPDATE_STORY_ARGS: z,
REQUEST_WHATS_NEW_DATA: J,
RESULT_WHATS_NEW_DATA: Z,
SET_WHATS_NEW_CACHE: $,
TOGGLE_WHATS_NEW_NOTIFICATIONS: n,
TELEMETRY_ERROR: v,
SAVE_STORY_REQUEST: EE,
SAVE_STORY_RESPONSE: RE,
ARGTYPES_INFO_REQUEST: SE,
ARGTYPES_INFO_RESPONSE: _E
} = R;
export {
RE as ARGTYPES_INFO_REQUEST,
SE as ARGTYPES_INFO_RESPONSE,
SE as ARGTYPES_INFO_REQUEST,
_E as ARGTYPES_INFO_RESPONSE,
T as CHANNEL_CREATED,

@@ -97,37 +98,38 @@ _ as CHANNEL_WS_DISCONNECT,

d as PREVIEW_KEYDOWN,
p as REGISTER_SUBSCRIPTION,
z as REQUEST_WHATS_NEW_DATA,
t as RESET_STORY_ARGS,
J as RESULT_WHATS_NEW_DATA,
v as SAVE_STORY_REQUEST,
EE as SAVE_STORY_RESPONSE,
t as REGISTER_SUBSCRIPTION,
J as REQUEST_WHATS_NEW_DATA,
p as RESET_STORY_ARGS,
Z as RESULT_WHATS_NEW_DATA,
EE as SAVE_STORY_REQUEST,
RE as SAVE_STORY_RESPONSE,
i as SELECT_STORY,
l as SET_CONFIG,
e as SET_CURRENT_STORY,
F as SET_CURRENT_STORY,
e as SET_FILTER,
y as SET_GLOBALS,
F as SET_INDEX,
c as SET_STORIES,
Z as SET_WHATS_NEW_CACHE,
h as SHARED_STATE_CHANGED,
f as SHARED_STATE_SET,
g as STORIES_COLLAPSE_ALL,
u as STORIES_EXPAND_ALL,
s as STORY_ARGS_UPDATED,
x as STORY_CHANGED,
M as STORY_ERRORED,
Q as STORY_INDEX_INVALIDATED,
m as STORY_MISSING,
V as STORY_PREPARED,
B as STORY_RENDERED,
w as STORY_RENDER_PHASE_CHANGED,
X as STORY_SPECIFIED,
b as STORY_THREW_EXCEPTION,
q as STORY_UNCHANGED,
n as TELEMETRY_ERROR,
$ as TOGGLE_WHATS_NEW_NOTIFICATIONS,
c as SET_INDEX,
h as SET_STORIES,
$ as SET_WHATS_NEW_CACHE,
f as SHARED_STATE_CHANGED,
g as SHARED_STATE_SET,
u as STORIES_COLLAPSE_ALL,
s as STORIES_EXPAND_ALL,
x as STORY_ARGS_UPDATED,
M as STORY_CHANGED,
Q as STORY_ERRORED,
m as STORY_INDEX_INVALIDATED,
V as STORY_MISSING,
w as STORY_PREPARED,
X as STORY_RENDERED,
B as STORY_RENDER_PHASE_CHANGED,
b as STORY_SPECIFIED,
q as STORY_THREW_EXCEPTION,
K as STORY_UNCHANGED,
v as TELEMETRY_ERROR,
n as TOGGLE_WHATS_NEW_NOTIFICATIONS,
G as UNHANDLED_ERRORS_WHILE_PLAYING,
K as UPDATE_GLOBALS,
j as UPDATE_QUERY_PARAMS,
k as UPDATE_STORY_ARGS,
j as UPDATE_GLOBALS,
k as UPDATE_QUERY_PARAMS,
z as UPDATE_STORY_ARGS,
S as default
};

4

dist/core-server/presets/common-manager.js

@@ -1,4 +0,1 @@

// src/core-server/presets/common-manager.ts
import { addons as d } from "@storybook/core/manager-api";
// ../node_modules/@storybook/global/dist/index.mjs

@@ -12,2 +9,3 @@ var n = (() => {

// src/core-server/presets/common-manager.ts
import { addons as d } from "@storybook/core/manager-api";
var s = "static-filter";

@@ -14,0 +12,0 @@ d.register(s, (e) => {

4

dist/docs-tools/index.d.ts
import { StrictArgTypes, Renderer, StoryContextForEnhancers, Options } from '@storybook/core/types';
import * as _storybook_csf from '@storybook/csf';
type Component = any;
interface JsDocParam {

@@ -31,4 +33,2 @@ name: string | undefined | null;

type Component = any;
type PropsExtractor = (component: Component) => {

@@ -35,0 +35,0 @@ rows?: PropDef[];

618

dist/manager-api/index.d.ts
import React, { ReactNode, FC, Component, ReactElement } from 'react';
import { API_ProviderData, API_IframeRenderer, Addon_Types, Addon_TypesEnum, Addon_Collection, Addon_TypesMapping, API_StateMerger, API_Provider, API_Notification, StoryId, API_Settings, API_LoadedRefData, API_PreparedStoryIndex, API_ViewMode, API_StatusState, API_FilterFunction, API_HashEntry, API_LeafEntry, API_StoryEntry, Args, API_IndexHash, API_ComposedRef, API_StatusUpdate, API_DocsEntry, API_Refs, API_SetRefData, API_ComposedRefUpdate, API_Layout, API_UI, API_PanelPositions, API_Versions, API_UnknownEntries, API_Version, Globals, GlobalTypes, Addon_BaseType, Addon_SidebarTopType, Addon_SidebarBottomType, Addon_PageType, Addon_WrapperType, Addon_Config, API_OptionsData, Parameters, ArgTypes } from '@storybook/core/types';
import { Channel, Listener } from '@storybook/core/channels';
export { Listener as ChannelListener } from '@storybook/core/channels';
import { RouterData, NavigateOptions } from '@storybook/core/router';
import { Addon_Types, Addon_TypesEnum, Addon_Collection, Addon_TypesMapping, Addon_BaseType, Addon_SidebarTopType, Addon_SidebarBottomType, Addon_PageType, Addon_WrapperType, Addon_Config, API_ProviderData, API_StateMerger, API_Provider, Globals, GlobalTypes, API_Layout, API_UI, API_PanelPositions, API_Notification, API_IframeRenderer, API_Refs, API_ComposedRef, API_SetRefData, API_ComposedRefUpdate, StoryId, API_Settings, API_LoadedRefData, API_PreparedStoryIndex, API_ViewMode, API_StatusState, API_FilterFunction, API_HashEntry, API_LeafEntry, API_StoryEntry, Args, API_IndexHash, API_StatusUpdate, API_DocsEntry, API_Versions, API_UnknownEntries, API_Version, API_OptionsData, Parameters, ArgTypes } from '@storybook/core/types';
export { Addon_Type as Addon, API_ComponentEntry as ComponentEntry, API_ComposedRef as ComposedRef, API_DocsEntry as DocsEntry, API_GroupEntry as GroupEntry, API_HashEntry as HashEntry, API_IndexHash as IndexHash, API_LeafEntry as LeafEntry, API_Refs as Refs, API_RootEntry as RootEntry, API_IndexHash as StoriesHash, API_StoryEntry as StoryEntry } from '@storybook/core/types';
import { RouterData, NavigateOptions } from '@storybook/core/router';
import { Listener, Channel } from '@storybook/core/channels';
export { Listener as ChannelListener } from '@storybook/core/channels';
import { ThemeVars } from '@storybook/core/theming';
import { toId } from '@storybook/csf';
import { ThemeVars } from '@storybook/core/theming';
import { WhatsNewData } from '@storybook/core/core-events';
declare function mockChannel(): Channel;
declare class AddonStore {
constructor();
private loaders;
private elements;
private config;
private channel;
private promise;
private resolve;
getChannel: () => Channel;
ready: () => Promise<Channel>;
hasChannel: () => boolean;
setChannel: (channel: Channel) => void;
getElements<T extends Addon_Types | Addon_TypesEnum.experimental_PAGE | Addon_TypesEnum.experimental_SIDEBAR_BOTTOM | Addon_TypesEnum.experimental_SIDEBAR_TOP>(type: T): Addon_Collection<Addon_TypesMapping[T]> | any;
/**
* Adds an addon to the addon store.
* @param {string} id - The id of the addon.
* @param {Addon_Type} addon - The addon to add.
* @returns {void}
*/
add(id: string, addon: Addon_BaseType | Omit<Addon_SidebarTopType, 'id'> | Omit<Addon_SidebarBottomType, 'id'> | Omit<Addon_PageType, 'id'> | Omit<Addon_WrapperType, 'id'>): void;
setConfig: (value: Addon_Config) => void;
getConfig: () => Addon_Config;
/**
* Registers an addon loader function.
*
* @param {string} id - The id of the addon loader.
* @param {(api: API) => void} callback - The function that will be called to register the addon.
* @returns {void}
*/
register: (id: string, callback: (api: API) => void) => void;
loadAddons: (api: any) => void;
}
declare const addons: AddonStore;
type GetState = () => State;

@@ -47,6 +83,2 @@ type SetState = (a: any, b: any) => any;

interface SubAPI$c {
renderPreview?: API_IframeRenderer;
}
interface SubAPI$b {
/**

@@ -91,3 +123,3 @@ * Returns a collection of elements of a specific type.

interface SubAPI$a {
interface SubAPI$b {
/**

@@ -127,2 +159,91 @@ * Returns the channel object.

interface SubState$9 {
globals?: Globals;
userGlobals?: Globals;
storyGlobals?: Globals;
globalTypes?: GlobalTypes;
}
interface SubAPI$a {
/**
* Returns the current globals, which is the user globals overlaid with the story globals
* @returns {Globals} The current globals.
*/
getGlobals: () => Globals;
/**
* Returns the current globals, as set by the user (a story may have override values)
* @returns {Globals} The current user globals.
*/
getUserGlobals: () => Globals /**
/**
* Returns the current globals, as set by the story
* @returns {Globals} The current story globals.
*/;
getStoryGlobals: () => Globals /**
* Returns the globalTypes, as defined at the project level.
* @returns {GlobalTypes} The globalTypes.
*/;
getGlobalTypes: () => GlobalTypes;
/**
* Updates the current globals with the provided new globals.
* @param {Globals} newGlobals - The new globals to update with.
* @returns {void}
*/
updateGlobals: (newGlobals: Globals) => void;
}
interface SubState$8 {
layout: API_Layout;
ui: API_UI;
selectedPanel: string | undefined;
theme: ThemeVars;
}
interface SubAPI$9 {
/**
* Toggles the fullscreen mode of the Storybook UI.
* @param toggled - Optional boolean value to set the fullscreen mode to. If not provided, it will toggle the current state.
*/
toggleFullscreen: (toggled?: boolean) => void;
/**
* Toggles the visibility of the panel in the Storybook UI.
* @param toggled - Optional boolean value to set the panel visibility to. If not provided, it will toggle the current state.
*/
togglePanel: (toggled?: boolean) => void;
/**
* Toggles the position of the panel in the Storybook UI.
* @param position - Optional string value to set the panel position to. If not provided, it will toggle between 'bottom' and 'right'.
*/
togglePanelPosition: (position?: API_PanelPositions) => void;
/**
* Toggles the visibility of the navigation bar in the Storybook UI.
* @param toggled - Optional boolean value to set the navigation bar visibility to. If not provided, it will toggle the current state.
*/
toggleNav: (toggled?: boolean) => void;
/**
* Toggles the visibility of the toolbar in the Storybook UI.
* @param toggled - Optional boolean value to set the toolbar visibility to. If not provided, it will toggle the current state.
*/
toggleToolbar: (toggled?: boolean) => void;
/**
* Sets the options for the Storybook UI.
* @param options - An object containing the options to set.
*/
setOptions: (options: any) => void;
/**
* Sets the sizes of the resizable elements in the layout.
*/
setSizes: (options: Partial<Pick<API_Layout, 'navSize' | 'bottomPanelHeight' | 'rightPanelWidth'>>) => void;
/**
* getIsFullscreen - Returns the current fullscreen mode of the Storybook UI.
*/
getIsFullscreen: () => boolean;
/**
* getIsPanelShown - Returns the current visibility of the panel in the Storybook UI.
*/
getIsPanelShown: () => boolean;
/**
* getIsNavShown - Returns the current visibility of the navigation bar in the Storybook UI.
*/
getIsNavShown: () => boolean;
}
interface SubState$7 {
notifications: API_Notification[];

@@ -133,3 +254,3 @@ }

*/
interface SubAPI$9 {
interface SubAPI$8 {
/**

@@ -148,3 +269,55 @@ * Adds a new notification to the list of notifications.

interface SubAPI$8 {
interface SubAPI$7 {
renderPreview?: API_IframeRenderer;
}
interface SubState$6 {
refs: API_Refs;
}
interface SubAPI$6 {
/**
* Finds a composed ref by its source.
* @param {string} source - The source/URL of the composed ref.
* @returns {API_ComposedRef} - The composed ref object.
*/
findRef: (source: string) => API_ComposedRef;
/**
* Sets a composed ref by its ID and data.
* @param {string} id - The ID of the composed ref.
* @param {API_SetRefData} data - The data to set for the composed ref.
* @param {boolean} [ready] - Whether the composed ref is ready.
*/
setRef: (id: string, data: API_SetRefData, ready?: boolean) => void;
/**
* Updates a composed ref by its ID and update object.
* @param {string} id - The ID of the composed ref.
* @param {API_ComposedRefUpdate} ref - The update object for the composed ref.
*/
updateRef: (id: string, ref: API_ComposedRefUpdate) => Promise<void>;
/**
* Gets all composed refs.
* @returns {API_Refs} - The composed refs object.
*/
getRefs: () => API_Refs;
/**
* Checks if a composed ref is valid.
* @param {API_SetRefData} ref - The composed ref to check.
* @returns {Promise<void>} - A promise that resolves when the check is complete.
*/
checkRef: (ref: API_SetRefData) => Promise<void>;
/**
* Changes the version of a composed ref by its ID and URL.
* @param {string} id - The ID of the composed ref.
* @param {string} url - The new URL for the composed ref.
*/
changeRefVersion: (id: string, url: string) => Promise<void>;
/**
* Changes the state of a composed ref by its ID and previewInitialized flag.
* @param {string} id - The ID of the composed ref.
* @param {boolean} previewInitialized - The new previewInitialized flag for the composed ref.
*/
changeRefState: (id: string, previewInitialized: boolean) => void;
}
interface SubAPI$5 {
storeSelection: () => void;

@@ -168,6 +341,119 @@ retrieveSelection: () => StoryId;

}
interface SubState$8 {
interface SubState$5 {
settings: API_Settings;
}
declare const isMacLike: () => boolean;
declare const controlOrMetaSymbol: () => "⌘" | "ctrl";
declare const controlOrMetaKey: () => "control" | "meta";
declare const optionOrAltSymbol: () => "⌥" | "alt";
declare const isShortcutTaken: (arr1: string[], arr2: string[]) => boolean;
type KeyboardEventLike = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'key' | 'code' | 'keyCode' | 'preventDefault'>;
declare const eventToShortcut: (e: KeyboardEventLike) => (string | string[])[] | null;
declare const shortcutMatchesShortcut: (inputShortcut: (string | string[])[], shortcut: API_KeyCollection) => boolean;
declare const eventMatchesShortcut: (e: KeyboardEventLike, shortcut: API_KeyCollection) => boolean;
declare const keyToSymbol: (key: string) => string;
declare const shortcutToHumanString: (shortcut: API_KeyCollection) => string;
interface SubState$4 {
shortcuts: API_Shortcuts;
}
interface SubAPI$4 {
/**
* Returns the current shortcuts.
*/
getShortcutKeys(): API_Shortcuts;
/**
* Returns the default shortcuts.
*/
getDefaultShortcuts(): API_Shortcuts | API_AddonShortcutDefaults;
/**
* Returns the shortcuts for addons.
*/
getAddonsShortcuts(): API_AddonShortcuts;
/**
* Returns the labels for addon shortcuts.
*/
getAddonsShortcutLabels(): API_AddonShortcutLabels;
/**
* Returns the default shortcuts for addons.
*/
getAddonsShortcutDefaults(): API_AddonShortcutDefaults;
/**
* Sets the shortcuts to the given value.
* @param shortcuts The new shortcuts to set.
* @returns A promise that resolves to the new shortcuts.
*/
setShortcuts(shortcuts: API_Shortcuts): Promise<API_Shortcuts>;
/**
* Sets the shortcut for the given action to the given value.
* @param action The action to set the shortcut for.
* @param value The new shortcut to set.
* @returns A promise that resolves to the new shortcut.
*/
setShortcut(action: API_Action, value: API_KeyCollection): Promise<API_KeyCollection>;
/**
* Sets the shortcut for the given addon to the given value.
* @param addon The addon to set the shortcut for.
* @param shortcut The new shortcut to set.
* @returns A promise that resolves to the new addon shortcut.
*/
setAddonShortcut(addon: string, shortcut: API_AddonShortcut): Promise<API_AddonShortcut>;
/**
* Restores all default shortcuts.
* @returns A promise that resolves to the new shortcuts.
*/
restoreAllDefaultShortcuts(): Promise<API_Shortcuts>;
/**
* Restores the default shortcut for the given action.
* @param action The action to restore the default shortcut for.
* @returns A promise that resolves to the new shortcut.
*/
restoreDefaultShortcut(action: API_Action): Promise<API_KeyCollection>;
/**
* Handles a keydown event.
* @param event The event to handle.
*/
handleKeydownEvent(event: KeyboardEventLike): void;
/**
* Handles a shortcut feature.
* @param feature The feature to handle.
* @param event The event to handle.
*/
handleShortcutFeature(feature: API_Action, event: KeyboardEventLike): void;
}
type API_KeyCollection = string[];
interface API_Shortcuts {
fullScreen: API_KeyCollection;
togglePanel: API_KeyCollection;
panelPosition: API_KeyCollection;
toggleNav: API_KeyCollection;
toolbar: API_KeyCollection;
search: API_KeyCollection;
focusNav: API_KeyCollection;
focusIframe: API_KeyCollection;
focusPanel: API_KeyCollection;
prevComponent: API_KeyCollection;
nextComponent: API_KeyCollection;
prevStory: API_KeyCollection;
nextStory: API_KeyCollection;
shortcutsPage: API_KeyCollection;
aboutPage: API_KeyCollection;
escape: API_KeyCollection;
collapseAll: API_KeyCollection;
expandAll: API_KeyCollection;
remount: API_KeyCollection;
}
type API_Action = keyof API_Shortcuts;
interface API_AddonShortcut {
label: string;
defaultShortcut: API_KeyCollection;
actionName: string;
showInMenu?: boolean;
action: (...args: any[]) => any;
}
type API_AddonShortcuts = Record<string, API_AddonShortcut>;
type API_AddonShortcutLabels = Record<string, string>;
type API_AddonShortcutDefaults = Record<string, API_KeyCollection>;
type Direction = -1 | 1;

@@ -177,3 +463,3 @@ type ParameterName = string;

type DocsUpdate = Partial<Pick<API_DocsEntry, 'prepared' | 'parameters'>>;
interface SubState$7 extends API_LoadedRefData {
interface SubState$3 extends API_LoadedRefData {
storyId: StoryId;

@@ -185,3 +471,3 @@ internal_index?: API_PreparedStoryIndex;

}
interface SubAPI$7 {
interface SubAPI$3 {
/**

@@ -375,219 +661,3 @@ * The `storyId` method is a reference to the `toId` function from `@storybook/csf`, which is used to generate a unique ID for a story.

interface SubState$6 {
refs: API_Refs;
}
interface SubAPI$6 {
/**
* Finds a composed ref by its source.
* @param {string} source - The source/URL of the composed ref.
* @returns {API_ComposedRef} - The composed ref object.
*/
findRef: (source: string) => API_ComposedRef;
/**
* Sets a composed ref by its ID and data.
* @param {string} id - The ID of the composed ref.
* @param {API_SetRefData} data - The data to set for the composed ref.
* @param {boolean} [ready] - Whether the composed ref is ready.
*/
setRef: (id: string, data: API_SetRefData, ready?: boolean) => void;
/**
* Updates a composed ref by its ID and update object.
* @param {string} id - The ID of the composed ref.
* @param {API_ComposedRefUpdate} ref - The update object for the composed ref.
*/
updateRef: (id: string, ref: API_ComposedRefUpdate) => Promise<void>;
/**
* Gets all composed refs.
* @returns {API_Refs} - The composed refs object.
*/
getRefs: () => API_Refs;
/**
* Checks if a composed ref is valid.
* @param {API_SetRefData} ref - The composed ref to check.
* @returns {Promise<void>} - A promise that resolves when the check is complete.
*/
checkRef: (ref: API_SetRefData) => Promise<void>;
/**
* Changes the version of a composed ref by its ID and URL.
* @param {string} id - The ID of the composed ref.
* @param {string} url - The new URL for the composed ref.
*/
changeRefVersion: (id: string, url: string) => Promise<void>;
/**
* Changes the state of a composed ref by its ID and previewInitialized flag.
* @param {string} id - The ID of the composed ref.
* @param {boolean} previewInitialized - The new previewInitialized flag for the composed ref.
*/
changeRefState: (id: string, previewInitialized: boolean) => void;
}
interface SubState$5 {
layout: API_Layout;
ui: API_UI;
selectedPanel: string | undefined;
theme: ThemeVars;
}
interface SubAPI$5 {
/**
* Toggles the fullscreen mode of the Storybook UI.
* @param toggled - Optional boolean value to set the fullscreen mode to. If not provided, it will toggle the current state.
*/
toggleFullscreen: (toggled?: boolean) => void;
/**
* Toggles the visibility of the panel in the Storybook UI.
* @param toggled - Optional boolean value to set the panel visibility to. If not provided, it will toggle the current state.
*/
togglePanel: (toggled?: boolean) => void;
/**
* Toggles the position of the panel in the Storybook UI.
* @param position - Optional string value to set the panel position to. If not provided, it will toggle between 'bottom' and 'right'.
*/
togglePanelPosition: (position?: API_PanelPositions) => void;
/**
* Toggles the visibility of the navigation bar in the Storybook UI.
* @param toggled - Optional boolean value to set the navigation bar visibility to. If not provided, it will toggle the current state.
*/
toggleNav: (toggled?: boolean) => void;
/**
* Toggles the visibility of the toolbar in the Storybook UI.
* @param toggled - Optional boolean value to set the toolbar visibility to. If not provided, it will toggle the current state.
*/
toggleToolbar: (toggled?: boolean) => void;
/**
* Sets the options for the Storybook UI.
* @param options - An object containing the options to set.
*/
setOptions: (options: any) => void;
/**
* Sets the sizes of the resizable elements in the layout.
*/
setSizes: (options: Partial<Pick<API_Layout, 'navSize' | 'bottomPanelHeight' | 'rightPanelWidth'>>) => void;
/**
* getIsFullscreen - Returns the current fullscreen mode of the Storybook UI.
*/
getIsFullscreen: () => boolean;
/**
* getIsPanelShown - Returns the current visibility of the panel in the Storybook UI.
*/
getIsPanelShown: () => boolean;
/**
* getIsNavShown - Returns the current visibility of the navigation bar in the Storybook UI.
*/
getIsNavShown: () => boolean;
}
declare const isMacLike: () => boolean;
declare const controlOrMetaSymbol: () => "⌘" | "ctrl";
declare const controlOrMetaKey: () => "control" | "meta";
declare const optionOrAltSymbol: () => "⌥" | "alt";
declare const isShortcutTaken: (arr1: string[], arr2: string[]) => boolean;
type KeyboardEventLike = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'key' | 'code' | 'keyCode' | 'preventDefault'>;
declare const eventToShortcut: (e: KeyboardEventLike) => (string | string[])[] | null;
declare const shortcutMatchesShortcut: (inputShortcut: (string | string[])[], shortcut: API_KeyCollection) => boolean;
declare const eventMatchesShortcut: (e: KeyboardEventLike, shortcut: API_KeyCollection) => boolean;
declare const keyToSymbol: (key: string) => string;
declare const shortcutToHumanString: (shortcut: API_KeyCollection) => string;
interface SubState$4 {
shortcuts: API_Shortcuts;
}
interface SubAPI$4 {
/**
* Returns the current shortcuts.
*/
getShortcutKeys(): API_Shortcuts;
/**
* Returns the default shortcuts.
*/
getDefaultShortcuts(): API_Shortcuts | API_AddonShortcutDefaults;
/**
* Returns the shortcuts for addons.
*/
getAddonsShortcuts(): API_AddonShortcuts;
/**
* Returns the labels for addon shortcuts.
*/
getAddonsShortcutLabels(): API_AddonShortcutLabels;
/**
* Returns the default shortcuts for addons.
*/
getAddonsShortcutDefaults(): API_AddonShortcutDefaults;
/**
* Sets the shortcuts to the given value.
* @param shortcuts The new shortcuts to set.
* @returns A promise that resolves to the new shortcuts.
*/
setShortcuts(shortcuts: API_Shortcuts): Promise<API_Shortcuts>;
/**
* Sets the shortcut for the given action to the given value.
* @param action The action to set the shortcut for.
* @param value The new shortcut to set.
* @returns A promise that resolves to the new shortcut.
*/
setShortcut(action: API_Action, value: API_KeyCollection): Promise<API_KeyCollection>;
/**
* Sets the shortcut for the given addon to the given value.
* @param addon The addon to set the shortcut for.
* @param shortcut The new shortcut to set.
* @returns A promise that resolves to the new addon shortcut.
*/
setAddonShortcut(addon: string, shortcut: API_AddonShortcut): Promise<API_AddonShortcut>;
/**
* Restores all default shortcuts.
* @returns A promise that resolves to the new shortcuts.
*/
restoreAllDefaultShortcuts(): Promise<API_Shortcuts>;
/**
* Restores the default shortcut for the given action.
* @param action The action to restore the default shortcut for.
* @returns A promise that resolves to the new shortcut.
*/
restoreDefaultShortcut(action: API_Action): Promise<API_KeyCollection>;
/**
* Handles a keydown event.
* @param event The event to handle.
*/
handleKeydownEvent(event: KeyboardEventLike): void;
/**
* Handles a shortcut feature.
* @param feature The feature to handle.
* @param event The event to handle.
*/
handleShortcutFeature(feature: API_Action, event: KeyboardEventLike): void;
}
type API_KeyCollection = string[];
interface API_Shortcuts {
fullScreen: API_KeyCollection;
togglePanel: API_KeyCollection;
panelPosition: API_KeyCollection;
toggleNav: API_KeyCollection;
toolbar: API_KeyCollection;
search: API_KeyCollection;
focusNav: API_KeyCollection;
focusIframe: API_KeyCollection;
focusPanel: API_KeyCollection;
prevComponent: API_KeyCollection;
nextComponent: API_KeyCollection;
prevStory: API_KeyCollection;
nextStory: API_KeyCollection;
shortcutsPage: API_KeyCollection;
aboutPage: API_KeyCollection;
escape: API_KeyCollection;
collapseAll: API_KeyCollection;
expandAll: API_KeyCollection;
remount: API_KeyCollection;
}
type API_Action = keyof API_Shortcuts;
interface API_AddonShortcut {
label: string;
defaultShortcut: API_KeyCollection;
actionName: string;
showInMenu?: boolean;
action: (...args: any[]) => any;
}
type API_AddonShortcuts = Record<string, API_AddonShortcut>;
type API_AddonShortcutLabels = Record<string, string>;
type API_AddonShortcutDefaults = Record<string, API_KeyCollection>;
interface SubState$3 {
interface SubState$2 {
customQueryParams: QueryParams;

@@ -601,3 +671,3 @@ }

*/
interface SubAPI$3 {
interface SubAPI$2 {
/**

@@ -647,3 +717,3 @@ * Navigate to a new URL.

interface SubState$2 {
interface SubState$1 {
versions: API_Versions & API_UnknownEntries;

@@ -653,3 +723,3 @@ lastVersionCheck: number;

}
interface SubAPI$2 {
interface SubAPI$1 {
/**

@@ -685,6 +755,6 @@ * Returns the current version of the Storybook Manager.

type SubState$1 = {
type SubState = {
whatsNewData?: WhatsNewData;
};
type SubAPI$1 = {
type SubAPI = {
isWhatsNewUnread(): boolean;

@@ -695,72 +765,2 @@ whatsNewHasBeenRead(): void;

interface SubState {
globals?: Globals;
userGlobals?: Globals;
storyGlobals?: Globals;
globalTypes?: GlobalTypes;
}
interface SubAPI {
/**
* Returns the current globals, which is the user globals overlaid with the story globals
* @returns {Globals} The current globals.
*/
getGlobals: () => Globals;
/**
* Returns the current globals, as set by the user (a story may have override values)
* @returns {Globals} The current user globals.
*/
getUserGlobals: () => Globals /**
/**
* Returns the current globals, as set by the story
* @returns {Globals} The current story globals.
*/;
getStoryGlobals: () => Globals /**
* Returns the globalTypes, as defined at the project level.
* @returns {GlobalTypes} The globalTypes.
*/;
getGlobalTypes: () => GlobalTypes;
/**
* Updates the current globals with the provided new globals.
* @param {Globals} newGlobals - The new globals to update with.
* @returns {void}
*/
updateGlobals: (newGlobals: Globals) => void;
}
declare function mockChannel(): Channel;
declare class AddonStore {
constructor();
private loaders;
private elements;
private config;
private channel;
private promise;
private resolve;
getChannel: () => Channel;
ready: () => Promise<Channel>;
hasChannel: () => boolean;
setChannel: (channel: Channel) => void;
getElements<T extends Addon_Types | Addon_TypesEnum.experimental_PAGE | Addon_TypesEnum.experimental_SIDEBAR_BOTTOM | Addon_TypesEnum.experimental_SIDEBAR_TOP>(type: T): Addon_Collection<Addon_TypesMapping[T]> | any;
/**
* Adds an addon to the addon store.
* @param {string} id - The id of the addon.
* @param {Addon_Type} addon - The addon to add.
* @returns {void}
*/
add(id: string, addon: Addon_BaseType | Omit<Addon_SidebarTopType, 'id'> | Omit<Addon_SidebarBottomType, 'id'> | Omit<Addon_PageType, 'id'> | Omit<Addon_WrapperType, 'id'>): void;
setConfig: (value: Addon_Config) => void;
getConfig: () => Addon_Config;
/**
* Registers an addon loader function.
*
* @param {string} id - The id of the addon loader.
* @param {(api: API) => void} callback - The function that will be called to register the addon.
* @returns {void}
*/
register: (id: string, callback: (api: API) => void) => void;
loadAddons: (api: any) => void;
}
declare const addons: AddonStore;
declare class RequestResponseError<Payload extends Record<string, any> | void> extends Error {

@@ -784,4 +784,4 @@ payload: Payload | undefined;

}>;
type State = SubState$5 & SubState$7 & SubState$6 & SubState$9 & SubState$2 & SubState$3 & SubState$4 & SubState$8 & SubState & SubState$1 & RouterData & API_OptionsData & DeprecatedState & Other;
type API = SubAPI$b & SubAPI$a & SubAPI$c & SubAPI$7 & SubAPI$6 & SubAPI & SubAPI$5 & SubAPI$9 & SubAPI$4 & SubAPI$8 & SubAPI$2 & SubAPI$3 & SubAPI$1 & Other;
type State = SubState$8 & SubState$3 & SubState$6 & SubState$7 & SubState$1 & SubState$2 & SubState$4 & SubState$5 & SubState$9 & SubState & RouterData & API_OptionsData & DeprecatedState & Other;
type API = SubAPI$c & SubAPI$b & SubAPI$7 & SubAPI$3 & SubAPI$6 & SubAPI$a & SubAPI$9 & SubAPI$8 & SubAPI$4 & SubAPI$5 & SubAPI$1 & SubAPI$2 & SubAPI & Other;
interface DeprecatedState {

@@ -788,0 +788,0 @@ /**

11

dist/manager/globals-module-info.js

@@ -72,2 +72,4 @@ import ESM_COMPAT_Module from "node:module";

"AppleIcon",
"ArrowBottomLeftIcon",
"ArrowBottomRightIcon",
"ArrowDownIcon",

@@ -80,2 +82,4 @@ "ArrowLeftIcon",

"ArrowSolidUpIcon",
"ArrowTopLeftIcon",
"ArrowTopRightIcon",
"ArrowUpIcon",

@@ -253,2 +257,5 @@ "AzureDevOpsIcon",

"StarIcon",
"StatusFailIcon",
"StatusPassIcon",
"StatusWarnIcon",
"StickerIcon",

@@ -289,2 +296,3 @@ "StopAltIcon",

"WrenchIcon",
"XIcon",
"YoutubeIcon",

@@ -788,2 +796,3 @@ "ZoomIcon",

"SET_CURRENT_STORY",
"SET_FILTER",
"SET_GLOBALS",

@@ -845,2 +854,3 @@ "SET_INDEX",

"SET_CURRENT_STORY",
"SET_FILTER",
"SET_GLOBALS",

@@ -902,2 +912,3 @@ "SET_INDEX",

"SET_CURRENT_STORY",
"SET_FILTER",
"SET_GLOBALS",

@@ -904,0 +915,0 @@ "SET_INDEX",

175

dist/preview-api/index.d.ts
import { Channel } from '@storybook/core/channels';
import * as _storybook_core_types from '@storybook/core/types';
import { Renderer, Args, StoryContext, StoryId, DecoratorApplicator, Addon_StoryWrapper, StoryName, ComponentTitle, StoryIndex, IndexEntry, Path, PreparedStory, Globals, GlobalTypes, LegacyStoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, ProjectAnnotations, StepRunner, NamedOrDefaultProjectAnnotations, ComponentAnnotations, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, ModuleImportFn, Parameters, StoryContextForEnhancers, StoryIndexV3, BoundStory, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, StoryRenderOptions, RenderToCanvas, RenderContextCallbacks, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType, ViewMode } from '@storybook/core/types';
import { Renderer, Args, StoryContext, StoryId, DecoratorApplicator, Addon_StoryWrapper, PreparedStory, Globals, GlobalTypes, StoryName, ComponentTitle, StoryIndex, IndexEntry, Path, LegacyStoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, StepRunner, ProjectAnnotations, NamedOrDefaultProjectAnnotations, ComponentAnnotations, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, ModuleImportFn, Parameters, StoryContextForEnhancers, StoryIndexV3, BoundStory, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType, StoryRenderOptions, RenderContextCallbacks, RenderToCanvas, ViewMode } from '@storybook/core/types';
import * as _storybook_csf from '@storybook/csf';

@@ -268,14 +268,2 @@ import { CleanupCallback, Canvas } from '@storybook/csf';

type StorySpecifier = StoryId | {
name: StoryName;
title: ComponentTitle;
} | '*';
declare class StoryIndexStore {
entries: StoryIndex['entries'];
constructor({ entries }?: StoryIndex);
entryFromSpecifier(specifier: StorySpecifier): IndexEntry | undefined;
storyIdToEntry(storyId: StoryId): IndexEntry;
importPathToEntry(importPath: Path): IndexEntry;
}
declare class ArgsStore {

@@ -309,2 +297,14 @@ initialArgsByStoryId: Record<StoryId, Args>;

type StorySpecifier = StoryId | {
name: StoryName;
title: ComponentTitle;
} | '*';
declare class StoryIndexStore {
entries: StoryIndex['entries'];
constructor({ entries }?: StoryIndex);
entryFromSpecifier(specifier: StorySpecifier): IndexEntry | undefined;
storyIdToEntry(storyId: StoryId): IndexEntry;
importPathToEntry(importPath: Path): IndexEntry;
}
declare function normalizeStory<TRenderer extends Renderer>(key: StoryId, storyAnnotations: LegacyStoryAnnotationsOrFn<TRenderer>, meta: NormalizedComponentAnnotations<TRenderer>): NormalizedStoryAnnotations<TRenderer>;

@@ -317,3 +317,3 @@

declare function composeConfigs<TRenderer extends Renderer>(moduleExportList: ModuleExports[]): ProjectAnnotations<TRenderer>;
declare function composeConfigs<TRenderer extends Renderer>(moduleExportList: ModuleExports[]): NormalizedProjectAnnotations<TRenderer>;

@@ -340,5 +340,10 @@ /**

declare function setProjectAnnotations<TRenderer extends Renderer = Renderer>(projectAnnotations: NamedOrDefaultProjectAnnotations<TRenderer> | NamedOrDefaultProjectAnnotations<TRenderer>[]): ProjectAnnotations<TRenderer>;
declare global {
var globalProjectAnnotations: NormalizedProjectAnnotations<any>;
var defaultProjectAnnotations: ProjectAnnotations<any>;
}
declare function setDefaultProjectAnnotations<TRenderer extends Renderer = Renderer>(_defaultProjectAnnotations: ProjectAnnotations<TRenderer>): void;
declare function setProjectAnnotations<TRenderer extends Renderer = Renderer>(projectAnnotations: NamedOrDefaultProjectAnnotations<TRenderer> | NamedOrDefaultProjectAnnotations<TRenderer>[]): NormalizedProjectAnnotations<TRenderer>;
declare function composeStory<TRenderer extends Renderer = Renderer, TArgs extends Args = Args>(storyAnnotations: LegacyStoryAnnotationsOrFn<TRenderer>, componentAnnotations: ComponentAnnotations<TRenderer, TArgs>, projectAnnotations?: ProjectAnnotations<TRenderer>, defaultConfig?: ProjectAnnotations<TRenderer>, exportsName?: string): ComposedStoryFn<TRenderer, Partial<TArgs>>;
declare function composeStories<TModule extends Store_CSFExports>(storiesImport: TModule, globalConfig: ProjectAnnotations<Renderer>, composeStoryFn: ComposeStoryFn): {};
declare function composeStories<TModule extends Store_CSFExports>(storiesImport: TModule, globalConfig: ProjectAnnotations<Renderer>, composeStoryFn?: ComposeStoryFn): {};
type WrappedStoryRef = {

@@ -487,70 +492,2 @@ __pw_type: 'jsx' | 'importRef';

type RenderType = 'story' | 'docs';
/**
* A "Render" represents the rendering of a single entry to a single location
*
* The implementations of render are used for two key purposes:
* - Tracking the state of the rendering as it moves between preparing, rendering and tearing down.
* - Tracking what is rendered to know if a change requires re-rendering or teardown + recreation.
*/
interface Render<TRenderer extends Renderer> {
type: RenderType;
id: StoryId;
isPreparing: () => boolean;
isEqual: (other: Render<TRenderer>) => boolean;
disableKeyListeners: boolean;
teardown?: (options: {
viewModeChanged: boolean;
}) => Promise<void>;
torndown: boolean;
renderToElement: (canvasElement: TRenderer['canvasElement'], renderStoryToElement?: any, options?: StoryRenderOptions) => Promise<void>;
}
type RenderPhase = 'preparing' | 'loading' | 'beforeEach' | 'rendering' | 'playing' | 'played' | 'completed' | 'aborted' | 'errored';
declare class StoryRender<TRenderer extends Renderer> implements Render<TRenderer> {
channel: Channel;
store: StoryStore<TRenderer>;
private renderToScreen;
private callbacks;
id: StoryId;
viewMode: StoryContext<TRenderer>['viewMode'];
renderOptions: StoryRenderOptions;
type: RenderType;
story?: PreparedStory<TRenderer>;
phase?: RenderPhase;
private abortController?;
private canvasElement?;
private notYetRendered;
private rerenderEnqueued;
disableKeyListeners: boolean;
private teardownRender;
torndown: boolean;
constructor(channel: Channel, store: StoryStore<TRenderer>, renderToScreen: RenderToCanvas<TRenderer>, callbacks: RenderContextCallbacks<TRenderer> & {
showStoryDuringRender?: () => void;
}, id: StoryId, viewMode: StoryContext<TRenderer>['viewMode'], renderOptions?: StoryRenderOptions, story?: PreparedStory<TRenderer>);
private runPhase;
private checkIfAborted;
prepare(): Promise<void>;
isEqual(other: Render<TRenderer>): boolean;
isPreparing(): boolean;
isPending(): boolean;
renderToElement(canvasElement: TRenderer['canvasElement']): Promise<void>;
private storyContext;
render({ initial, forceRemount, }?: {
initial?: boolean;
forceRemount?: boolean;
}): Promise<void>;
/**
* Rerender the story.
* If the story is currently pending (loading/rendering), the rerender will be enqueued,
* and will be executed after the current render is completed.
* Rerendering while playing will not be enqueued, and will be executed immediately, to support
* rendering args changes while playing.
*/
rerender(): Promise<void>;
remount(): Promise<void>;
cancelRender(): void;
teardown(): Promise<void>;
}
declare class DocsContext<TRenderer extends Renderer> implements DocsContextProps<TRenderer> {

@@ -628,3 +565,24 @@ channel: Channel;

type RenderType = 'story' | 'docs';
/**
* A "Render" represents the rendering of a single entry to a single location
*
* The implementations of render are used for two key purposes:
* - Tracking the state of the rendering as it moves between preparing, rendering and tearing down.
* - Tracking what is rendered to know if a change requires re-rendering or teardown + recreation.
*/
interface Render<TRenderer extends Renderer> {
type: RenderType;
id: StoryId;
isPreparing: () => boolean;
isEqual: (other: Render<TRenderer>) => boolean;
disableKeyListeners: boolean;
teardown?: (options: {
viewModeChanged: boolean;
}) => Promise<void>;
torndown: boolean;
renderToElement: (canvasElement: TRenderer['canvasElement'], renderStoryToElement?: any, options?: StoryRenderOptions) => Promise<void>;
}
/**
* A CsfDocsRender is a render of a docs entry that is rendered based on a CSF file.

@@ -704,2 +662,49 @@ *

type RenderPhase = 'preparing' | 'loading' | 'beforeEach' | 'rendering' | 'playing' | 'played' | 'completed' | 'aborted' | 'errored';
declare class StoryRender<TRenderer extends Renderer> implements Render<TRenderer> {
channel: Channel;
store: StoryStore<TRenderer>;
private renderToScreen;
private callbacks;
id: StoryId;
viewMode: StoryContext<TRenderer>['viewMode'];
renderOptions: StoryRenderOptions;
type: RenderType;
story?: PreparedStory<TRenderer>;
phase?: RenderPhase;
private abortController?;
private canvasElement?;
private notYetRendered;
private rerenderEnqueued;
disableKeyListeners: boolean;
private teardownRender;
torndown: boolean;
constructor(channel: Channel, store: StoryStore<TRenderer>, renderToScreen: RenderToCanvas<TRenderer>, callbacks: RenderContextCallbacks<TRenderer> & {
showStoryDuringRender?: () => void;
}, id: StoryId, viewMode: StoryContext<TRenderer>['viewMode'], renderOptions?: StoryRenderOptions, story?: PreparedStory<TRenderer>);
private runPhase;
private checkIfAborted;
prepare(): Promise<void>;
isEqual(other: Render<TRenderer>): boolean;
isPreparing(): boolean;
isPending(): boolean;
renderToElement(canvasElement: TRenderer['canvasElement']): Promise<void>;
private storyContext;
render({ initial, forceRemount, }?: {
initial?: boolean;
forceRemount?: boolean;
}): Promise<void>;
/**
* Rerender the story.
* If the story is currently pending (loading/rendering), the rerender will be enqueued,
* and will be executed after the current render is completed.
* Rerendering while playing will not be enqueued, and will be executed immediately, to support
* rendering args changes while playing.
*/
rerender(): Promise<void>;
remount(): Promise<void>;
cancelRender(): void;
teardown(): Promise<void>;
}
type MaybePromise<T> = Promise<T> | T;

@@ -1025,2 +1030,2 @@ declare class Preview<TRenderer extends Renderer> {

export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, type PropDescriptor, type SelectionStore, StoryStore, UrlStore, type View, WebView, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, createPlaywrightTest, decorateStory, defaultDecorateStory, filterArgTypes, inferControls, makeDecorator, mockChannel, normalizeStory, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier };
export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, type PropDescriptor, type SelectionStore, StoryStore, UrlStore, type View, WebView, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, createPlaywrightTest, decorateStory, defaultDecorateStory, filterArgTypes, inferControls, makeDecorator, mockChannel, normalizeStory, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setDefaultProjectAnnotations, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier };

5

dist/preview-errors.d.ts

@@ -152,5 +152,2 @@ declare abstract class StorybookError extends Error {

}
declare class TestingLibraryMustBeConfiguredError extends StorybookError {
constructor();
}
declare class NoRenderFunctionError extends StorybookError {

@@ -189,2 +186,2 @@ data: {

export { CalledExtractOnStoreError, CalledPreviewMethodBeforeInitializationError, Category, EmptyIndexError, ImplicitActionsDuringRendering, MdxFileWithNoCsfReferencesError, MissingRenderToCanvasError, MissingStoryAfterHmrError, MissingStoryFromCsfFileError, MountMustBeDestructuredError, NextJsSharpError, NextjsRouterMocksNotAvailable, NoRenderFunctionError, NoStoryMatchError, NoStoryMountedError, StoryIndexFetchError, StoryStoreAccessedBeforeInitializationError, TestingLibraryMustBeConfiguredError, UnknownArgTypesError };
export { CalledExtractOnStoreError, CalledPreviewMethodBeforeInitializationError, Category, EmptyIndexError, ImplicitActionsDuringRendering, MdxFileWithNoCsfReferencesError, MissingRenderToCanvasError, MissingStoryAfterHmrError, MissingStoryFromCsfFileError, MountMustBeDestructuredError, NextJsSharpError, NextjsRouterMocksNotAvailable, NoRenderFunctionError, NoStoryMatchError, NoStoryMountedError, StoryIndexFetchError, StoryStoreAccessedBeforeInitializationError, UnknownArgTypesError };

201

dist/preview-errors.js

@@ -1,22 +0,22 @@

var oe = Object.defineProperty;
var t = (u, n) => oe(u, "name", { value: n, configurable: !0 });
var ee = Object.defineProperty;
var t = (u, r) => ee(u, "name", { value: r, configurable: !0 });
// ../node_modules/ts-dedent/esm/index.js
function r(u) {
for (var n = [], e = 1; e < arguments.length; e++)
n[e - 1] = arguments[e];
function n(u) {
for (var r = [], e = 1; e < arguments.length; e++)
r[e - 1] = arguments[e];
var a = Array.from(typeof u == "string" ? [u] : u);
a[a.length - 1] = a[a.length - 1].replace(/\r?\n([\t ]*)$/, "");
var p = a.reduce(function(i, h) {
var y = h.match(/\n([\t ]+|(?!\s).)/g);
return y ? i.concat(y.map(function(E) {
var d, l;
return (l = (d = E.match(/[\t ]/g)) === null || d === void 0 ? void 0 : d.length) !== null && l !== void 0 ? l : 0;
var p = a.reduce(function(i, E) {
var y = E.match(/\n([\t ]+|(?!\s).)/g);
return y ? i.concat(y.map(function(m) {
var l, d;
return (d = (l = m.match(/[\t ]/g)) === null || l === void 0 ? void 0 : l.length) !== null && d !== void 0 ? d : 0;
})) : i;
}, []);
if (p.length) {
var m = new RegExp(`
var h = new RegExp(`
[ ]{` + Math.min.apply(Math, p) + "}", "g");
a = a.map(function(i) {
return i.replace(m, `
return i.replace(h, `
`);

@@ -27,13 +27,13 @@ });

var c = a[0];
return n.forEach(function(i, h) {
var y = c.match(/(?:^|\n)( *)$/), E = y ? y[1] : "", d = i;
return r.forEach(function(i, E) {
var y = c.match(/(?:^|\n)( *)$/), m = y ? y[1] : "", l = i;
typeof i == "string" && i.includes(`
`) && (d = String(i).split(`
`).map(function(l, te) {
return te === 0 ? l : "" + E + l;
`) && (l = String(i).split(`
`).map(function(d, Z) {
return Z === 0 ? d : "" + m + d;
}).join(`
`)), c += d + a[h + 1];
`)), c += l + a[E + 1];
}), c;
}
t(r, "dedent");
t(n, "dedent");

@@ -43,6 +43,6 @@ // src/storybook-error.ts

code: u,
category: n
category: r
}) {
let e = String(u).padStart(4, "0");
return `SB_${n}_${e}`;
return `SB_${r}_${e}`;
}

@@ -80,3 +80,3 @@ t(O, "parseErrorCode");

category: p,
message: m
message: h
}) {

@@ -87,3 +87,3 @@ let c;

${e.map((i) => ` - ${i}`).join(`
`)}`), `${m}${c != null ? `
`)}`), `${h}${c != null ? `

@@ -98,3 +98,3 @@ More info: ${c}

// src/preview-errors.ts
var se = /* @__PURE__ */ ((s) => (s.BLOCKS = "BLOCKS", s.DOCS_TOOLS = "DOCS-TOOLS", s.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", s.PREVIEW_CHANNELS =
var te = /* @__PURE__ */ ((s) => (s.BLOCKS = "BLOCKS", s.DOCS_TOOLS = "DOCS-TOOLS", s.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", s.PREVIEW_CHANNELS =
"PREVIEW_CHANNELS", s.PREVIEW_CORE_EVENTS = "PREVIEW_CORE-EVENTS", s.PREVIEW_INSTRUMENTER = "PREVIEW_INSTRUMENTER", s.PREVIEW_API = "PREVIEW\

@@ -104,3 +104,3 @@ _API", s.PREVIEW_REACT_DOM_SHIM = "PREVIEW_REACT-DOM-SHIM", s.PREVIEW_ROUTER = "PREVIEW_ROUTER", s.PREVIEW_THEMING = "PREVIEW_THEMING", s.RENDERER_HTML =

"RENDERER_SVELTE", s.RENDERER_VUE = "RENDERER_VUE", s.RENDERER_VUE3 = "RENDERER_VUE3", s.RENDERER_WEB_COMPONENTS = "RENDERER_WEB-COMPONENTS",
s.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", s))(se || {}), f = class f extends o {
s.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", s))(te || {}), f = class f extends o {
constructor(e) {

@@ -110,3 +110,3 @@ super({

code: 1,
message: r`
message: n`
Couldn't find story matching id '${e.storyId}' after HMR.

@@ -123,3 +123,3 @@ - Did you just rename a story?

t(f, "MissingStoryAfterHmrError");
var D = f, R = class R extends o {
var C = f, R = class R extends o {
constructor(e) {

@@ -131,3 +131,3 @@ super({

for-example-in-the-play-function",
message: r`
message: n`
We detected that you use an implicit action arg while ${e.phase} of your story.

@@ -148,3 +148,3 @@ ${e.deprecated ? `

t(R, "ImplicitActionsDuringRendering");
var j = R, b = class b extends o {
var D = R, b = class b extends o {
constructor() {

@@ -154,3 +154,3 @@ super({

code: 3,
message: r`
message: n`
Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first.

@@ -163,3 +163,3 @@

t(b, "CalledExtractOnStoreError");
var L = b, I = class I extends o {
var j = b, I = class I extends o {
constructor() {

@@ -169,3 +169,3 @@ super({

code: 4,
message: r`
message: n`
Expected your framework's preset to export a \`renderToCanvas\` field.

@@ -179,3 +179,3 @@

t(I, "MissingRenderToCanvasError");
var F = I, P = class P extends o {
var L = I, P = class P extends o {
constructor(e) {

@@ -185,3 +185,3 @@ super({

code: 5,
message: r`
message: n`
Called \`Preview.${e.methodName}()\` before initialization.

@@ -204,3 +204,3 @@

code: 6,
message: r`
message: n`
Error fetching \`/index.json\`:

@@ -220,3 +220,3 @@

t(x, "StoryIndexFetchError");
var Y = x, S = class S extends o {
var M = x, w = class w extends o {
constructor(e) {

@@ -226,3 +226,3 @@ super({

code: 7,
message: r`
message: n`
Tried to render docs entry ${e.storyId} but it is a MDX file that has no CSF

@@ -237,4 +237,4 @@ references, or autodocs for a CSF file that some doesn't refer to itself.

};
t(S, "MdxFileWithNoCsfReferencesError");
var H = S, w = class w extends o {
t(w, "MdxFileWithNoCsfReferencesError");
var Y = w, T = class T extends o {
constructor() {

@@ -244,3 +244,3 @@ super({

code: 8,
message: r`
message: n`
Couldn't find any stories in your Storybook.

@@ -253,4 +253,4 @@

};
t(w, "EmptyIndexError");
var K = w, k = class k extends o {
t(T, "EmptyIndexError");
var H = T, k = class k extends o {
constructor(e) {

@@ -260,3 +260,3 @@ super({

code: 9,
message: r`
message: n`
Couldn't find story matching '${e.storySpecifier}'.

@@ -272,3 +272,3 @@

t(k, "NoStoryMatchError");
var M = k, T = class T extends o {
var F = k, S = class S extends o {
constructor(e) {

@@ -278,3 +278,3 @@ super({

code: 10,
message: r`
message: n`
Couldn't find story matching id '${e.storyId}' after importing a CSF file.

@@ -292,4 +292,4 @@

};
t(T, "MissingStoryFromCsfFileError");
var U = T, V = class V extends o {
t(S, "MissingStoryFromCsfFileError");
var K = S, V = class V extends o {
constructor() {

@@ -299,3 +299,3 @@ super({

code: 11,
message: r`
message: n`
Cannot access the Story Store until the index is ready.

@@ -309,3 +309,3 @@

t(V, "StoryStoreAccessedBeforeInitializationError");
var X = V, _ = class _ extends o {
var U = V, _ = class _ extends o {
constructor(e) {

@@ -315,3 +315,3 @@ super({

code: 12,
message: r`
message: n`
Incorrect use of mount in the play function.

@@ -339,39 +339,3 @@

t(_, "MountMustBeDestructuredError");
var J = _, v = class v extends o {
constructor() {
super({
category: "PREVIEW_API",
code: 13,
message: r`
You must configure testingLibraryRender to use play in portable stories.
import { render } from '@testing-library/[renderer]';
setProjectAnnotations({
testingLibraryRender: render,
});
For other testing renderers, you can configure \`renderToCanvas\` like so:
import { render } from 'your-test-renderer';
setProjectAnnotations({
renderToCanvas: ({ storyFn }) => {
const Story = storyFn();
// Svelte
render(Story.Component, Story.props);
// Vue
render(Story);
// or for React
render(<Story/>);
},
});`
});
}
};
t(v, "TestingLibraryMustBeConfiguredError");
var q = v, W = class W extends o {
var X = _, v = class v extends o {
constructor(e) {

@@ -381,3 +345,3 @@ super({

code: 14,
message: r`
message: n`
No render function available for storyId '${e.id}'

@@ -389,4 +353,4 @@ `

};
t(W, "NoRenderFunctionError");
var z = W, A = class A extends o {
t(v, "NoRenderFunctionError");
var J = v, N = class N extends o {
constructor() {

@@ -396,3 +360,3 @@ super({

code: 15,
message: r`
message: n`
No component is mounted in your story.

@@ -416,4 +380,4 @@

};
t(A, "NoStoryMountedError");
var Q = A, N = class N extends o {
t(N, "NoStoryMountedError");
var q = N, W = class W extends o {
constructor() {

@@ -424,3 +388,3 @@ super({

documentation: "https://storybook.js.org/docs/get-started/nextjs#faq",
message: r`
message: n`
You are importing avif images, but you don't have sharp installed.

@@ -433,4 +397,4 @@

};
t(N, "NextJsSharpError");
var Z = N, $ = class $ extends o {
t(W, "NextJsSharpError");
var z = W, A = class A extends o {
constructor(e) {

@@ -440,3 +404,3 @@ super({

code: 2,
message: r`
message: n`
Tried to access router mocks from "${e.importType}" but they were not created yet. You might be running code in an unsupported environment.

@@ -448,4 +412,4 @@ `

};
t($, "NextjsRouterMocksNotAvailable");
var B = $, C = class C extends o {
t(A, "NextjsRouterMocksNotAvailable");
var B = A, $ = class $ extends o {
constructor(e) {

@@ -456,3 +420,3 @@ super({

documentation: "https://github.com/storybookjs/storybook/issues/26606",
message: r`
message: n`
There was a failure when generating detailed ArgTypes in ${e.language} for:

@@ -470,24 +434,23 @@ ${JSON.stringify(e.type, null, 2)}

};
t(C, "UnknownArgTypesError");
var ee = C;
t($, "UnknownArgTypesError");
var Q = $;
export {
L as CalledExtractOnStoreError,
j as CalledExtractOnStoreError,
G as CalledPreviewMethodBeforeInitializationError,
se as Category,
K as EmptyIndexError,
j as ImplicitActionsDuringRendering,
H as MdxFileWithNoCsfReferencesError,
F as MissingRenderToCanvasError,
D as MissingStoryAfterHmrError,
U as MissingStoryFromCsfFileError,
J as MountMustBeDestructuredError,
Z as NextJsSharpError,
te as Category,
H as EmptyIndexError,
D as ImplicitActionsDuringRendering,
Y as MdxFileWithNoCsfReferencesError,
L as MissingRenderToCanvasError,
C as MissingStoryAfterHmrError,
K as MissingStoryFromCsfFileError,
X as MountMustBeDestructuredError,
z as NextJsSharpError,
B as NextjsRouterMocksNotAvailable,
z as NoRenderFunctionError,
M as NoStoryMatchError,
Q as NoStoryMountedError,
Y as StoryIndexFetchError,
X as StoryStoreAccessedBeforeInitializationError,
q as TestingLibraryMustBeConfiguredError,
ee as UnknownArgTypesError
J as NoRenderFunctionError,
F as NoStoryMatchError,
q as NoStoryMountedError,
M as StoryIndexFetchError,
U as StoryStoreAccessedBeforeInitializationError,
Q as UnknownArgTypesError
};

2

dist/server-errors.d.ts

@@ -211,5 +211,7 @@ declare abstract class StorybookError extends Error {

location: string;
source?: 'storybook' | 'vitest';
};
constructor(data: {
location: string;
source?: 'storybook' | 'vitest';
});

@@ -216,0 +218,0 @@ }

85

dist/server-errors.js

@@ -47,6 +47,6 @@ import ESM_COMPAT_Module from "node:module";

if (s.length) {
var l = new RegExp(`
var c = new RegExp(`
[ ]{` + Math.min.apply(Math, s) + "}", "g");
r = r.map(function(g) {
return g.replace(l, `
return g.replace(c, `
`);

@@ -56,5 +56,5 @@ });

r[0] = r[0].replace(/^\r?\n/, "");
var c = r[0];
var l = r[0];
return o.forEach(function(g, _) {
var O = c.match(/(?:^|\n)( *)$/), M = O ? O[1] : "", y = g;
var O = l.match(/(?:^|\n)( *)$/), M = O ? O[1] : "", y = g;
typeof g == "string" && g.includes(`

@@ -65,4 +65,4 @@ `) && (y = String(g).split(`

}).join(`
`)), c += y + r[_ + 1];
}), c;
`)), l += y + r[_ + 1];
}), l;
}

@@ -167,3 +167,3 @@ n(U, "dedent");

let [r] = e;
r.length === 3 && (r = [...r].map((l) => l + l).join(""));
r.length === 3 && (r = [...r].map((c) => c + c).join(""));
let s = Number.parseInt(r, 16);

@@ -198,7 +198,7 @@ return [

}
let l = Math.max(e, r, s) * 2;
if (l === 0)
let c = Math.max(e, r, s) * 2;
if (c === 0)
return 30;
let c = 30 + (Math.round(s) << 2 | Math.round(r) << 1 | Math.round(e));
return l === 2 && (c += 60), c;
let l = 30 + (Math.round(s) << 2 | Math.round(r) << 1 | Math.round(e));
return c === 2 && (l += 60), l;
},

@@ -263,12 +263,12 @@ enumerable: !1

return 0;
let l = s || 0;
let c = s || 0;
if (p.TERM === "dumb")
return l;
return c;
if (S.platform === "win32") {
let c = Le.release().split(".");
return Number(c[0]) >= 10 && Number(c[2]) >= 10586 ? Number(c[2]) >= 14931 ? 3 : 2 : 1;
let l = Le.release().split(".");
return Number(l[0]) >= 10 && Number(l[2]) >= 10586 ? Number(l[2]) >= 14931 ? 3 : 2 : 1;
}
if ("CI" in p)
return "GITHUB_ACTIONS" in p || "GITEA_ACTIONS" in p ? 3 : ["TRAVIS", "CIRCLECI", "APPVEYOR", "GITLAB_CI", "BUILDKITE", "DRONE"].some((c) => c in
p) || p.CI_NAME === "codeship" ? 1 : l;
return "GITHUB_ACTIONS" in p || "GITEA_ACTIONS" in p ? 3 : ["TRAVIS", "CIRCLECI", "APPVEYOR", "GITLAB_CI", "BUILDKITE", "DRONE"].some((l) => l in
p) || p.CI_NAME === "codeship" ? 1 : c;
if ("TEAMCITY_VERSION" in p)

@@ -279,6 +279,6 @@ return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(p.TEAMCITY_VERSION) ? 1 : 0;

if ("TERM_PROGRAM" in p) {
let c = Number.parseInt((p.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
let l = Number.parseInt((p.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
switch (p.TERM_PROGRAM) {
case "iTerm.app":
return c >= 3 ? 3 : 2;
return l >= 3 ? 3 : 2;
case "Apple_Terminal":

@@ -289,3 +289,3 @@ return 2;

return /-256(color)?$/i.test(p.TERM) ? 2 : /^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(p.TERM) || "COLORTERM" in p ?
1 : l;
1 : c;
}

@@ -311,14 +311,14 @@ n(Fe, "_supportsColor");

return t;
let s = o.length, l = 0, c = "";
let s = o.length, c = 0, l = "";
do
c += t.slice(l, r) + o + e, l = r + s, r = t.indexOf(o, l);
l += t.slice(c, r) + o + e, c = r + s, r = t.indexOf(o, c);
while (r !== -1);
return c += t.slice(l), c;
return l += t.slice(c), l;
}
n(j, "stringReplaceAll");
function V(t, o, e, r) {
let s = 0, l = "";
let s = 0, c = "";
do {
let c = t[r - 1] === "\r";
l += t.slice(s, c ? r - 1 : r) + o + (c ? `\r
let l = t[r - 1] === "\r";
c += t.slice(s, l ? r - 1 : r) + o + (l ? `\r
` : `

@@ -328,3 +328,3 @@ `) + e, s = r + 1, r = t.indexOf(`

} while (r !== -1);
return l += t.slice(s), l;
return c += t.slice(s), c;
}

@@ -425,5 +425,5 @@ n(V, "stringEncaseCRLFWithFirstIndex");

o = j(o, e.close, e.open), e = e.parent;
let l = o.indexOf(`
let c = o.indexOf(`
`);
return l !== -1 && (o = V(o, s, r, l)), r + o + s;
return c !== -1 && (o = V(o, s, r, c)), r + o + s;
}, "applyStyle");

@@ -479,11 +479,11 @@ Object.defineProperties(k.prototype, R);

category: s,
message: l
message: c
}) {
let c;
return e === !0 ? c = `https://storybook.js.org/error/${H({ code: r, category: s })}` : typeof e == "string" ? c = e : Array.isArray(e) &&
(c = `
let l;
return e === !0 ? l = `https://storybook.js.org/error/${H({ code: r, category: s })}` : typeof e == "string" ? l = e : Array.isArray(e) &&
(l = `
${e.map((g) => ` - ${g}`).join(`
`)}`), `${l}${c != null ? `
`)}`), `${c}${l != null ? `
More info: ${c}
More info: ${l}
` : ""}`;

@@ -823,6 +823,17 @@ }

constructor(e) {
let r = {
storybook: {
helperMessage: "You can pass a --config-dir flag to tell Storybook, where your main.js file is located at.",
documentation: "https://storybook.js.org/docs/configure"
},
vitest: {
helperMessage: "You can pass a configDir plugin option to tell where your main.js file is located at.",
// TODO: add proper docs once available
documentation: "https://storybook.js.org/docs/configure"
}
}, { documentation: s, helperMessage: c } = r[e.source || "storybook"];
super({
category: "CORE-SERVER",
code: 6,
documentation: "https://storybook.js.org/docs/configure",
documentation: s,
message: u.dedent`

@@ -832,3 +843,3 @@ No configuration files have been found in your configDir: ${m.yellow(e.location)}.

You can pass a --config-dir flag to tell Storybook, where your main.js file is located at).`
${c}`
});

@@ -835,0 +846,0 @@ this.data = e;

8

dist/telemetry/index.d.ts

@@ -57,2 +57,3 @@ import { TypescriptOptions, StorybookConfig, PackageJson } from '@storybook/core/types';

};
portableStoriesFileCount?: number;
};

@@ -95,4 +96,9 @@ interface Payload {

/**
* Is this story part of the CLI generated examples,
* including user-created stories in those files
*/
declare const isExampleStoryId: (storyId: string) => boolean;
declare const telemetry: (eventType: EventType, payload?: Payload, options?: Partial<Options>) => Promise<void>;
export { type Dependency, type EventType, type Options, type Payload, type StorybookAddon, type StorybookMetadata, type TelemetryData, addToGlobalContext, computeStorybookMetadata, getPrecedingUpgrade, getStorybookMetadata, metaFrameworks, oneWayHash, sanitizeAddonName, telemetry };
export { type Dependency, type EventType, type Options, type Payload, type StorybookAddon, type StorybookMetadata, type TelemetryData, addToGlobalContext, computeStorybookMetadata, getPrecedingUpgrade, getStorybookMetadata, isExampleStoryId, metaFrameworks, oneWayHash, sanitizeAddonName, telemetry };

68

dist/theming/create.js

@@ -869,5 +869,5 @@ var ie = Object.defineProperty;

// src/theming/themes/light.ts
// src/theming/themes/dark.ts
var ke = {
base: "light",
base: "dark",
// Storybook-specific color palette

@@ -879,6 +879,6 @@ colorPrimary: "#FF4785",

// UI
appBg: P.app,
appContentBg: s.lightest,
appBg: "#222425",
appContentBg: "#1B1C1D",
appPreviewBg: s.lightest,
appBorderColor: s.border,
appBorderColor: "rgba(255,255,255,.1)",
appBorderRadius: 4,

@@ -889,5 +889,5 @@ // Fonts

// Text colors
textColor: s.darkest,
textInverseColor: s.lightest,
textMutedColor: s.dark,
textColor: "#C9CDCF",
textInverseColor: "#222425",
textMutedColor: "#798186",
// Toolbar default and active colors

@@ -897,17 +897,17 @@ barTextColor: s.mediumdark,

barSelectedColor: s.secondary,
barBg: s.lightest,
barBg: "#292C2E",
// Form colors
buttonBg: P.app,
buttonBorder: s.medium,
booleanBg: s.mediumlight,
booleanSelectedBg: s.lightest,
inputBg: s.lightest,
inputBorder: s.border,
inputTextColor: s.darkest,
buttonBg: "#222425",
buttonBorder: "rgba(255,255,255,.1)",
booleanBg: "#222425",
booleanSelectedBg: "#2E3438",
inputBg: "#1B1C1D",
inputBorder: "rgba(255,255,255,.1)",
inputTextColor: s.lightest,
inputBorderRadius: 4
}, E = ke;
}, _ = ke;
// src/theming/themes/dark.ts
// src/theming/themes/light.ts
var $e = {
base: "dark",
base: "light",
// Storybook-specific color palette

@@ -919,6 +919,6 @@ colorPrimary: "#FF4785",

// UI
appBg: "#222425",
appContentBg: "#1B1C1D",
appBg: P.app,
appContentBg: s.lightest,
appPreviewBg: s.lightest,
appBorderColor: "rgba(255,255,255,.1)",
appBorderColor: s.border,
appBorderRadius: 4,

@@ -929,5 +929,5 @@ // Fonts

// Text colors
textColor: "#C9CDCF",
textInverseColor: "#222425",
textMutedColor: "#798186",
textColor: s.darkest,
textInverseColor: s.lightest,
textMutedColor: s.dark,
// Toolbar default and active colors

@@ -937,13 +937,13 @@ barTextColor: s.mediumdark,

barSelectedColor: s.secondary,
barBg: "#292C2E",
barBg: s.lightest,
// Form colors
buttonBg: "#222425",
buttonBorder: "rgba(255,255,255,.1)",
booleanBg: "#222425",
booleanSelectedBg: "#2E3438",
inputBg: "#1B1C1D",
inputBorder: "rgba(255,255,255,.1)",
inputTextColor: s.lightest,
buttonBg: P.app,
buttonBorder: s.medium,
booleanBg: s.mediumlight,
booleanSelectedBg: s.lightest,
inputBg: s.lightest,
inputBorder: s.border,
inputTextColor: s.darkest,
inputBorderRadius: 4
}, _ = $e;
}, E = $e;

@@ -950,0 +950,0 @@ // ../node_modules/@storybook/global/dist/index.mjs

45

package.json
{
"name": "@storybook/core",
"version": "0.0.0-pr-28800-sha-2528064a",
"version": "0.0.0-pr-28882-sha-2e6a0c80",
"description": "Storybook framework-agnostic API",

@@ -155,2 +155,12 @@ "keywords": [

},
"./cli": {
"types": "./dist/cli/index.d.ts",
"import": "./dist/cli/index.js",
"require": "./dist/cli/index.cjs"
},
"./cli/bin": {
"types": "./dist/cli/bin/index.d.ts",
"import": "./dist/cli/bin/index.js",
"require": "./dist/cli/bin/index.cjs"
},
"./package.json": "./package.json"

@@ -243,2 +253,8 @@ },

"./dist/preview/globals.d.ts"
],
"cli": [
"./dist/cli/index.d.ts"
],
"cli/bin": [
"./dist/cli/bin/index.d.ts"
]

@@ -254,4 +270,4 @@ }

"scripts": {
"check": "bun ./scripts/check.ts",
"prep": "bun ./scripts/prep.ts"
"check": "jiti ./scripts/check.ts",
"prep": "jiti ./scripts/prep.ts"
},

@@ -261,3 +277,2 @@ "dependencies": {

"@types/express": "^4.17.21",
"@types/node": "^18.0.0",
"browser-assert": "^1.2.1",

@@ -269,3 +284,3 @@ "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0",

"recast": "^0.23.5",
"util": "^0.12.4",
"semver": "^7.6.2",
"ws": "^8.2.3"

@@ -288,3 +303,3 @@ },

"@fal-works/esbuild-plugin-global-externals": "^2.1.2",
"@ndelangen/fs-extra-unified": "^1.0.3",
"@ndelangen/get-tarball": "^3.0.7",
"@popperjs/core": "^2.6.0",

@@ -296,3 +311,3 @@ "@radix-ui/react-dialog": "^1.0.5",

"@storybook/global": "^5.0.0",
"@storybook/icons": "^1.2.5",
"@storybook/icons": "^1.2.10",
"@tanstack/react-virtual": "^3.3.0",

@@ -308,4 +323,3 @@ "@testing-library/react": "^14.0.0",

"@types/lodash": "^4.14.167",
"@types/mock-fs": "^4.13.1",
"@types/node": "^18.0.0",
"@types/node": "^22.0.0",
"@types/npmlog": "^7.0.0",

@@ -315,8 +329,8 @@ "@types/picomatch": "^2.3.0",

"@types/pretty-hrtime": "^1.0.0",
"@types/prompts": "^2.0.9",
"@types/qs": "^6",
"@types/react-syntax-highlighter": "11.0.5",
"@types/react-transition-group": "^4",
"@types/semver": "^7.3.4",
"@types/semver": "^7.5.8",
"@types/ws": "^8",
"@vitest/utils": "^1.3.1",
"@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",

@@ -335,2 +349,3 @@ "@yarnpkg/fslib": "2.10.3",

"cli-table3": "^0.6.1",
"commander": "^6.2.1",
"comment-parser": "^1.4.1",

@@ -343,2 +358,3 @@ "compression": "^1.7.4",

"dequal": "^2.0.2",
"detect-indent": "^7.0.1",
"detect-package-manager": "^3.0.2",

@@ -361,2 +377,3 @@ "detect-port": "^1.3.0",

"fuse.js": "^3.6.1",
"get-npm-tarball-url": "^2.0.3",
"glob": "^10.0.0",

@@ -368,6 +385,7 @@ "globby": "^14.0.1",

"lazy-universal-dotenv": "^4.0.0",
"leven": "^4.0.0",
"lodash": "^4.17.21",
"markdown-to-jsx": "^7.4.5",
"memfs": "^4.11.1",
"memoizerific": "^1.11.3",
"mock-fs": "^5.2.0",
"nanoid": "^4.0.2",

@@ -394,5 +412,6 @@ "npmlog": "^7.0.0",

"resolve-from": "^5.0.0",
"semver": "^7.3.7",
"slash": "^5.0.0",
"source-map": "^0.7.4",
"store2": "^2.14.2",
"strip-json-comments": "^5.0.1",
"telejson": "^7.2.0",

@@ -399,0 +418,0 @@ "tiny-invariant": "^1.3.1",

dist/builder-manager/index.cjs

Sorry, the diff of this file is not supported yet

dist/builder-manager/index.js

Sorry, the diff of this file is too big to display

dist/channels/index.cjs

Sorry, the diff of this file is not supported yet

dist/common/index.cjs

Sorry, the diff of this file is not supported yet

dist/common/index.js

Sorry, the diff of this file is too big to display

dist/components/index.cjs

Sorry, the diff of this file is not supported yet

dist/components/index.js

Sorry, the diff of this file is too big to display

dist/core-events/index.cjs

Sorry, the diff of this file is not supported yet

dist/core-server/index.cjs

Sorry, the diff of this file is not supported yet

dist/core-server/index.js

Sorry, the diff of this file is too big to display

dist/core-server/presets/common-override-preset.cjs

Sorry, the diff of this file is not supported yet

dist/core-server/presets/common-override-preset.js

Sorry, the diff of this file is too big to display

dist/core-server/presets/common-preset.cjs

Sorry, the diff of this file is not supported yet

dist/core-server/presets/common-preset.js

Sorry, the diff of this file is too big to display

dist/csf-tools/index.cjs

Sorry, the diff of this file is not supported yet

dist/csf-tools/index.d.ts

Sorry, the diff of this file is too big to display

dist/csf-tools/index.js

Sorry, the diff of this file is too big to display

dist/docs-tools/index.cjs

Sorry, the diff of this file is not supported yet

dist/docs-tools/index.js

Sorry, the diff of this file is too big to display

dist/manager-api/index.cjs

Sorry, the diff of this file is not supported yet

dist/manager-api/index.js

Sorry, the diff of this file is too big to display

dist/manager/globals-module-info.cjs

Sorry, the diff of this file is not supported yet

dist/manager/globals-runtime.js

Sorry, the diff of this file is too big to display

dist/manager/runtime.js

Sorry, the diff of this file is too big to display

dist/node-logger/index.cjs

Sorry, the diff of this file is not supported yet

dist/node-logger/index.js

Sorry, the diff of this file is too big to display

dist/preview-api/index.cjs

Sorry, the diff of this file is not supported yet

dist/preview-api/index.js

Sorry, the diff of this file is too big to display

dist/preview-errors.cjs

Sorry, the diff of this file is not supported yet

dist/preview/runtime.js

Sorry, the diff of this file is too big to display

dist/router/index.cjs

Sorry, the diff of this file is not supported yet

dist/router/index.js

Sorry, the diff of this file is too big to display

dist/server-errors.cjs

Sorry, the diff of this file is not supported yet

dist/telemetry/index.cjs

Sorry, the diff of this file is not supported yet

dist/telemetry/index.js

Sorry, the diff of this file is too big to display

dist/theming/create.cjs

Sorry, the diff of this file is not supported yet

dist/theming/index.cjs

Sorry, the diff of this file is not supported yet

dist/theming/index.js

Sorry, the diff of this file is too big to display

dist/types/index.d.ts

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc