storybook 9.0.0-alpha.10 → 9.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/bin/index.cjs +2 -2
  2. package/dist/actions/manager.js +150 -151
  3. package/dist/actions/preview.d.ts +0 -1
  4. package/dist/bin/index.cjs +66 -71
  5. package/dist/bin/index.js +59 -64
  6. package/dist/channels/index.cjs +17 -17
  7. package/dist/channels/index.js +3 -3
  8. package/dist/cli/bin/index.cjs +80 -80
  9. package/dist/cli/bin/index.js +83 -83
  10. package/dist/cli/index.cjs +1904 -1907
  11. package/dist/cli/index.d.ts +3 -7
  12. package/dist/cli/index.js +734 -737
  13. package/dist/common/index.cjs +59 -68
  14. package/dist/common/index.d.ts +1 -6
  15. package/dist/common/index.js +91 -100
  16. package/dist/component-testing/index.cjs +23 -0
  17. package/dist/component-testing/index.d.ts +3 -0
  18. package/dist/component-testing/index.js +5 -0
  19. package/dist/component-testing/manager.css +170 -0
  20. package/dist/component-testing/manager.js +3126 -0
  21. package/dist/component-testing/preview.cjs +40 -0
  22. package/dist/component-testing/preview.d.ts +5 -0
  23. package/dist/component-testing/preview.js +25 -0
  24. package/dist/components/index.cjs +5515 -5781
  25. package/dist/components/index.d.ts +3 -254
  26. package/dist/components/index.js +7296 -13770
  27. package/dist/controls/manager.js +989 -941
  28. package/dist/controls/preview.d.ts +0 -1
  29. package/dist/core-events/index.cjs +42 -45
  30. package/dist/core-events/index.d.ts +1 -4
  31. package/dist/core-events/index.js +38 -41
  32. package/dist/core-server/index.cjs +2730 -2721
  33. package/dist/core-server/index.d.ts +32 -23
  34. package/dist/core-server/index.js +822 -813
  35. package/dist/core-server/presets/common-preset.cjs +1754 -1730
  36. package/dist/core-server/presets/common-preset.js +1852 -1828
  37. package/dist/csf/index.d.ts +0 -2
  38. package/dist/csf-tools/index.cjs +0 -8
  39. package/dist/csf-tools/index.d.ts +0 -4
  40. package/dist/csf-tools/index.js +0 -8
  41. package/dist/instrumenter/index.cjs +475 -468
  42. package/dist/instrumenter/index.js +949 -950
  43. package/dist/manager/globals-module-info.cjs +15 -17
  44. package/dist/manager/globals-module-info.js +4 -6
  45. package/dist/manager/globals-runtime.js +56352 -50867
  46. package/dist/manager/runtime.js +4958 -4440
  47. package/dist/manager-api/index.cjs +1153 -1136
  48. package/dist/manager-api/index.d.ts +106 -97
  49. package/dist/manager-api/index.js +810 -795
  50. package/dist/preview/runtime.js +38453 -37289
  51. package/dist/preview-api/index.cjs +1098 -1211
  52. package/dist/preview-api/index.d.ts +10 -23
  53. package/dist/preview-api/index.js +1457 -1571
  54. package/dist/telemetry/index.d.ts +1 -1
  55. package/dist/types/index.cjs +14 -15
  56. package/dist/types/index.d.ts +306 -65
  57. package/dist/types/index.js +1 -2
  58. package/dist/viewport/preview.d.ts +0 -1
  59. package/package.json +25 -4
@@ -111,7 +111,8 @@ declare const UL: storybook_theming.StyledComponent<{
111
111
  }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
112
112
 
113
113
  interface BadgeProps {
114
- status?: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical';
114
+ compact?: boolean;
115
+ status?: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical' | 'active';
115
116
  children?: React__default.ReactNode;
116
117
  }
117
118
  declare const Badge: ({ ...props }: BadgeProps) => React__default.JSX.Element;
@@ -445,24 +446,6 @@ interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
445
446
  disabled?: boolean;
446
447
  active?: boolean;
447
448
  animation?: 'none' | 'rotate360' | 'glow' | 'jiggle';
448
- /** @deprecated Use {@link asChild} instead. This will be removed in Storybook 9.0 */
449
- isLink?: boolean;
450
- /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
451
- primary?: boolean;
452
- /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
453
- secondary?: boolean;
454
- /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
455
- tertiary?: boolean;
456
- /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
457
- gray?: boolean;
458
- /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
459
- inForm?: boolean;
460
- /** @deprecated Use {@link size} instead. This will be removed in Storybook 9.0 */
461
- small?: boolean;
462
- /** @deprecated Use {@link variant} instead. This will be removed in Storybook 9.0 */
463
- outline?: boolean;
464
- /** @deprecated Add your icon as a child directly. This will be removed in Storybook 9.0 */
465
- containsIcon?: boolean;
466
449
  }
467
450
  declare const Button: React__default.ForwardRefExoticComponent<ButtonProps$1 & React__default.RefAttributes<HTMLButtonElement>>;
468
451
 
@@ -1062,8 +1045,6 @@ interface TabButtonProps {
1062
1045
  declare const TabButton: storybook_theming.StyledComponent<Omit<ButtonProps, "ref"> & RefAttributes<HTMLButtonElement> & {
1063
1046
  theme?: storybook_theming.Theme;
1064
1047
  } & TabButtonProps, {}, {}>;
1065
- /** @deprecated This component will be removed in Storybook 9.0 */
1066
- declare const IconButtonSkeleton: () => React__default.JSX.Element;
1067
1048
 
1068
1049
  interface SeparatorProps {
1069
1050
  force?: boolean;
@@ -1098,238 +1079,6 @@ interface AddonPanelProps {
1098
1079
  }
1099
1080
  declare const AddonPanel: ({ active, children }: AddonPanelProps) => React__default.JSX.Element;
1100
1081
 
1101
- type IconType = keyof typeof icons;
1102
- declare const Svg: storybook_theming.StyledComponent<{
1103
- theme?: storybook_theming.Theme;
1104
- as?: React__default.ElementType;
1105
- }, React__default.SVGProps<SVGSVGElement>, {}>;
1106
- interface IconsProps extends ComponentProps<typeof Svg> {
1107
- icon: IconType;
1108
- useSymbol?: boolean;
1109
- onClick?: () => void;
1110
- __suppressDeprecationWarning?: boolean;
1111
- }
1112
- /**
1113
- * @deprecated No longer used, will be removed in Storybook 9.0 Please use the `@storybook/icons`
1114
- * package instead.
1115
- */
1116
- declare const Icons: ({ icon, useSymbol, __suppressDeprecationWarning, ...props }: IconsProps) => React__default.JSX.Element | null;
1117
- interface SymbolsProps {
1118
- icons?: IconType[];
1119
- }
1120
- /**
1121
- * @deprecated No longer used, will be removed in Storybook 9.0 Please use the `@storybook/icons`
1122
- * package instead.
1123
- */
1124
- declare const Symbols: React__default.NamedExoticComponent<SymbolsProps>;
1125
- declare const icons: {
1126
- readonly user: "UserIcon";
1127
- readonly useralt: "UserAltIcon";
1128
- readonly useradd: "UserAddIcon";
1129
- readonly users: "UsersIcon";
1130
- readonly profile: "ProfileIcon";
1131
- readonly facehappy: "FaceHappyIcon";
1132
- readonly faceneutral: "FaceNeutralIcon";
1133
- readonly facesad: "FaceSadIcon";
1134
- readonly accessibility: "AccessibilityIcon";
1135
- readonly accessibilityalt: "AccessibilityAltIcon";
1136
- readonly arrowup: "ChevronUpIcon";
1137
- readonly arrowdown: "ChevronDownIcon";
1138
- readonly arrowleft: "ChevronLeftIcon";
1139
- readonly arrowright: "ChevronRightIcon";
1140
- readonly arrowupalt: "ArrowUpIcon";
1141
- readonly arrowdownalt: "ArrowDownIcon";
1142
- readonly arrowleftalt: "ArrowLeftIcon";
1143
- readonly arrowrightalt: "ArrowRightIcon";
1144
- readonly expandalt: "ExpandAltIcon";
1145
- readonly collapse: "CollapseIcon";
1146
- readonly expand: "ExpandIcon";
1147
- readonly unfold: "UnfoldIcon";
1148
- readonly transfer: "TransferIcon";
1149
- readonly redirect: "RedirectIcon";
1150
- readonly undo: "UndoIcon";
1151
- readonly reply: "ReplyIcon";
1152
- readonly sync: "SyncIcon";
1153
- readonly upload: "UploadIcon";
1154
- readonly download: "DownloadIcon";
1155
- readonly back: "BackIcon";
1156
- readonly proceed: "ProceedIcon";
1157
- readonly refresh: "RefreshIcon";
1158
- readonly globe: "GlobeIcon";
1159
- readonly compass: "CompassIcon";
1160
- readonly location: "LocationIcon";
1161
- readonly pin: "PinIcon";
1162
- readonly time: "TimeIcon";
1163
- readonly dashboard: "DashboardIcon";
1164
- readonly timer: "TimerIcon";
1165
- readonly home: "HomeIcon";
1166
- readonly admin: "AdminIcon";
1167
- readonly info: "InfoIcon";
1168
- readonly question: "QuestionIcon";
1169
- readonly support: "SupportIcon";
1170
- readonly alert: "AlertIcon";
1171
- readonly email: "EmailIcon";
1172
- readonly phone: "PhoneIcon";
1173
- readonly link: "LinkIcon";
1174
- readonly unlink: "LinkBrokenIcon";
1175
- readonly bell: "BellIcon";
1176
- readonly rss: "RSSIcon";
1177
- readonly sharealt: "ShareAltIcon";
1178
- readonly share: "ShareIcon";
1179
- readonly circle: "CircleIcon";
1180
- readonly circlehollow: "CircleHollowIcon";
1181
- readonly bookmarkhollow: "BookmarkHollowIcon";
1182
- readonly bookmark: "BookmarkIcon";
1183
- readonly hearthollow: "HeartHollowIcon";
1184
- readonly heart: "HeartIcon";
1185
- readonly starhollow: "StarHollowIcon";
1186
- readonly star: "StarIcon";
1187
- readonly certificate: "CertificateIcon";
1188
- readonly verified: "VerifiedIcon";
1189
- readonly thumbsup: "ThumbsUpIcon";
1190
- readonly shield: "ShieldIcon";
1191
- readonly basket: "BasketIcon";
1192
- readonly beaker: "BeakerIcon";
1193
- readonly hourglass: "HourglassIcon";
1194
- readonly flag: "FlagIcon";
1195
- readonly cloudhollow: "CloudHollowIcon";
1196
- readonly edit: "EditIcon";
1197
- readonly cog: "CogIcon";
1198
- readonly nut: "NutIcon";
1199
- readonly wrench: "WrenchIcon";
1200
- readonly ellipsis: "EllipsisIcon";
1201
- readonly check: "CheckIcon";
1202
- readonly form: "FormIcon";
1203
- readonly batchdeny: "BatchDenyIcon";
1204
- readonly batchaccept: "BatchAcceptIcon";
1205
- readonly controls: "ControlsIcon";
1206
- readonly plus: "PlusIcon";
1207
- readonly closeAlt: "CloseAltIcon";
1208
- readonly cross: "CrossIcon";
1209
- readonly trash: "TrashIcon";
1210
- readonly pinalt: "PinAltIcon";
1211
- readonly unpin: "UnpinIcon";
1212
- readonly add: "AddIcon";
1213
- readonly subtract: "SubtractIcon";
1214
- readonly close: "CloseIcon";
1215
- readonly delete: "DeleteIcon";
1216
- readonly passed: "PassedIcon";
1217
- readonly changed: "ChangedIcon";
1218
- readonly failed: "FailedIcon";
1219
- readonly clear: "ClearIcon";
1220
- readonly comment: "CommentIcon";
1221
- readonly commentadd: "CommentAddIcon";
1222
- readonly requestchange: "RequestChangeIcon";
1223
- readonly comments: "CommentsIcon";
1224
- readonly lock: "LockIcon";
1225
- readonly unlock: "UnlockIcon";
1226
- readonly key: "KeyIcon";
1227
- readonly outbox: "OutboxIcon";
1228
- readonly credit: "CreditIcon";
1229
- readonly button: "ButtonIcon";
1230
- readonly type: "TypeIcon";
1231
- readonly pointerdefault: "PointerDefaultIcon";
1232
- readonly pointerhand: "PointerHandIcon";
1233
- readonly browser: "BrowserIcon";
1234
- readonly tablet: "TabletIcon";
1235
- readonly mobile: "MobileIcon";
1236
- readonly watch: "WatchIcon";
1237
- readonly sidebar: "SidebarIcon";
1238
- readonly sidebaralt: "SidebarAltIcon";
1239
- readonly sidebaralttoggle: "SidebarAltToggleIcon";
1240
- readonly sidebartoggle: "SidebarToggleIcon";
1241
- readonly bottombar: "BottomBarIcon";
1242
- readonly bottombartoggle: "BottomBarToggleIcon";
1243
- readonly cpu: "CPUIcon";
1244
- readonly database: "DatabaseIcon";
1245
- readonly memory: "MemoryIcon";
1246
- readonly structure: "StructureIcon";
1247
- readonly box: "BoxIcon";
1248
- readonly power: "PowerIcon";
1249
- readonly photo: "PhotoIcon";
1250
- readonly component: "ComponentIcon";
1251
- readonly grid: "GridIcon";
1252
- readonly outline: "OutlineIcon";
1253
- readonly photodrag: "PhotoDragIcon";
1254
- readonly search: "SearchIcon";
1255
- readonly zoom: "ZoomIcon";
1256
- readonly zoomout: "ZoomOutIcon";
1257
- readonly zoomreset: "ZoomResetIcon";
1258
- readonly eye: "EyeIcon";
1259
- readonly eyeclose: "EyeCloseIcon";
1260
- readonly lightning: "LightningIcon";
1261
- readonly lightningoff: "LightningOffIcon";
1262
- readonly contrast: "ContrastIcon";
1263
- readonly switchalt: "SwitchAltIcon";
1264
- readonly mirror: "MirrorIcon";
1265
- readonly grow: "GrowIcon";
1266
- readonly paintbrush: "PaintBrushIcon";
1267
- readonly ruler: "RulerIcon";
1268
- readonly stop: "StopIcon";
1269
- readonly camera: "CameraIcon";
1270
- readonly video: "VideoIcon";
1271
- readonly speaker: "SpeakerIcon";
1272
- readonly play: "PlayIcon";
1273
- readonly playback: "PlayBackIcon";
1274
- readonly playnext: "PlayNextIcon";
1275
- readonly rewind: "RewindIcon";
1276
- readonly fastforward: "FastForwardIcon";
1277
- readonly stopalt: "StopAltIcon";
1278
- readonly sidebyside: "SideBySideIcon";
1279
- readonly stacked: "StackedIcon";
1280
- readonly sun: "SunIcon";
1281
- readonly moon: "MoonIcon";
1282
- readonly book: "BookIcon";
1283
- readonly document: "DocumentIcon";
1284
- readonly copy: "CopyIcon";
1285
- readonly category: "CategoryIcon";
1286
- readonly folder: "FolderIcon";
1287
- readonly print: "PrintIcon";
1288
- readonly graphline: "GraphLineIcon";
1289
- readonly calendar: "CalendarIcon";
1290
- readonly graphbar: "GraphBarIcon";
1291
- readonly menu: "MenuIcon";
1292
- readonly menualt: "MenuIcon";
1293
- readonly filter: "FilterIcon";
1294
- readonly docchart: "DocChartIcon";
1295
- readonly doclist: "DocListIcon";
1296
- readonly markup: "MarkupIcon";
1297
- readonly bold: "BoldIcon";
1298
- readonly paperclip: "PaperClipIcon";
1299
- readonly listordered: "ListOrderedIcon";
1300
- readonly listunordered: "ListUnorderedIcon";
1301
- readonly paragraph: "ParagraphIcon";
1302
- readonly markdown: "MarkdownIcon";
1303
- readonly repository: "RepoIcon";
1304
- readonly commit: "CommitIcon";
1305
- readonly branch: "BranchIcon";
1306
- readonly pullrequest: "PullRequestIcon";
1307
- readonly merge: "MergeIcon";
1308
- readonly apple: "AppleIcon";
1309
- readonly linux: "LinuxIcon";
1310
- readonly ubuntu: "UbuntuIcon";
1311
- readonly windows: "WindowsIcon";
1312
- readonly storybook: "StorybookIcon";
1313
- readonly azuredevops: "AzureDevOpsIcon";
1314
- readonly bitbucket: "BitbucketIcon";
1315
- readonly chrome: "ChromeIcon";
1316
- readonly chromatic: "ChromaticIcon";
1317
- readonly componentdriven: "ComponentDrivenIcon";
1318
- readonly discord: "DiscordIcon";
1319
- readonly facebook: "FacebookIcon";
1320
- readonly figma: "FigmaIcon";
1321
- readonly gdrive: "GDriveIcon";
1322
- readonly github: "GithubIcon";
1323
- readonly gitlab: "GitlabIcon";
1324
- readonly google: "GoogleIcon";
1325
- readonly graphql: "GraphqlIcon";
1326
- readonly medium: "MediumIcon";
1327
- readonly redux: "ReduxIcon";
1328
- readonly twitter: "TwitterIcon";
1329
- readonly youtube: "YoutubeIcon";
1330
- readonly vscode: "VSCodeIcon";
1331
- };
1332
-
1333
1082
  type StorybookLogoProps = {
1334
1083
  alt: string;
1335
1084
  } & React__default.SVGAttributes<SVGSVGElement>;
@@ -1420,4 +1169,4 @@ declare const components: {
1420
1169
  };
1421
1170
  declare const resetComponents: Record<string, ElementType>;
1422
1171
 
1423
- export { A, ActionBar, type ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, type IconsProps, Img, LI, Link$1 as Link, ListItem, Loader, Modal, OL, P, Placeholder, Pre, ProgressSpinner, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, type SupportedLanguage, Symbols, SyntaxHighlighter, type SyntaxHighlighterFormatTypes, type SyntaxHighlighterProps, type SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, type Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };
1172
+ export { A, ActionBar, type ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, Img, LI, Link$1 as Link, ListItem, Loader, Modal, OL, P, Placeholder, Pre, ProgressSpinner, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, type SupportedLanguage, SyntaxHighlighter, type SyntaxHighlighterFormatTypes, type SyntaxHighlighterProps, type SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, type Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };