@storybook/components 5.3.13 → 5.3.18

package/dist/typography/DocumentFormatting.js

@@ -2,8 +2,14 @@
 
 require("core-js/modules/es.symbol");
 
+require("core-js/modules/es.array.concat");
+
+require("core-js/modules/es.array.filter");
+
 require("core-js/modules/es.array.index-of");
 
+require("core-js/modules/es.array.join");
+
 require("core-js/modules/es.object.assign");
 
 require("core-js/modules/es.object.keys");
@@ -11,7 +17,7 @@ require("core-js/modules/es.object.keys");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ResetWrapper = exports.TT = exports.Code = exports.P = exports.OL = exports.UL = exports.LI = exports.Span = exports.Div = exports.Img = exports.Table = exports.Blockquote = exports.DL = exports.HR = exports.A = exports.Pre = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
+exports.components = exports.ResetWrapper = exports.TT = exports.Code = exports.P = exports.OL = exports.UL = exports.LI = exports.Span = exports.Div = exports.Img = exports.Table = exports.Blockquote = exports.DL = exports.HR = exports.A = exports.Pre = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -444,4 +450,84 @@ exports.TT = TT;
 
 var ResetWrapper = _theming.styled.div(_shared.withReset);
 
-exports.ResetWrapper = ResetWrapper;
+exports.ResetWrapper = ResetWrapper;
+
+var nameSpaceClassNames = function nameSpaceClassNames(_ref17, key) {
+  var props = Object.assign({}, _ref17);
+  var classes = [props["class"], props.className]; // eslint-disable-next-line no-param-reassign
+
+  delete props["class"]; // eslint-disable-next-line no-param-reassign
+
+  props.className = ['sbdocs', "sbdocs-".concat(key)].concat(classes).filter(Boolean).join(' ');
+  return props;
+};
+
+var components = {
+  h1: function (props) {
+    return _react["default"].createElement(H1, nameSpaceClassNames(props, 'h1'));
+  },
+  h2: function (props) {
+    return _react["default"].createElement(H2, nameSpaceClassNames(props, 'h2'));
+  },
+  h3: function (props) {
+    return _react["default"].createElement(H3, nameSpaceClassNames(props, 'h3'));
+  },
+  h4: function (props) {
+    return _react["default"].createElement(H4, nameSpaceClassNames(props, 'h4'));
+  },
+  h5: function (props) {
+    return _react["default"].createElement(H5, nameSpaceClassNames(props, 'h5'));
+  },
+  h6: function (props) {
+    return _react["default"].createElement(H6, nameSpaceClassNames(props, 'h6'));
+  },
+  pre: function (props) {
+    return _react["default"].createElement(Pre, nameSpaceClassNames(props, 'pre'));
+  },
+  a: function (props) {
+    return _react["default"].createElement(A, nameSpaceClassNames(props, 'a'));
+  },
+  hr: function (props) {
+    return _react["default"].createElement(HR, nameSpaceClassNames(props, 'hr'));
+  },
+  dl: function (props) {
+    return _react["default"].createElement(DL, nameSpaceClassNames(props, 'dl'));
+  },
+  blockquote: function (props) {
+    return _react["default"].createElement(Blockquote, nameSpaceClassNames(props, 'blockquote'));
+  },
+  table: function (props) {
+    return _react["default"].createElement(Table, nameSpaceClassNames(props, 'table'));
+  },
+  img: function (props) {
+    return _react["default"].createElement(Img, nameSpaceClassNames(props, 'img'));
+  },
+  div: function (props) {
+    return _react["default"].createElement(Div, nameSpaceClassNames(props, 'div'));
+  },
+  span: function (props) {
+    return _react["default"].createElement(Span, nameSpaceClassNames(props, 'span'));
+  },
+  li: function (props) {
+    return _react["default"].createElement(LI, nameSpaceClassNames(props, 'li'));
+  },
+  ul: function (props) {
+    return _react["default"].createElement(UL, nameSpaceClassNames(props, 'ul'));
+  },
+  ol: function (props) {
+    return _react["default"].createElement(OL, nameSpaceClassNames(props, 'ol'));
+  },
+  p: function (props) {
+    return _react["default"].createElement(P, nameSpaceClassNames(props, 'p'));
+  },
+  code: function (props) {
+    return _react["default"].createElement(Code, nameSpaceClassNames(props, 'code'));
+  },
+  tt: function (props) {
+    return _react["default"].createElement(TT, nameSpaceClassNames(props, 'tt'));
+  },
+  resetwrapper: function (props) {
+    return _react["default"].createElement(ResetWrapper, nameSpaceClassNames(props, 'resetwrapper'));
+  }
+};
+exports.components = components;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "5.3.13",
+  "version": "5.3.18",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -15,21 +15,22 @@
     "directory": "lib/components"
   },
   "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
     "*.js",
-    "*.d.ts"
+    "*.d.ts",
+    "ts3.5/**/*"
   ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "5.3.13",
-    "@storybook/theming": "5.3.13",
-    "@types/react-syntax-highlighter": "11.0.2",
+    "@storybook/client-logger": "5.3.18",
+    "@storybook/theming": "5.3.18",
+    "@types/react-syntax-highlighter": "11.0.4",
     "@types/react-textarea-autosize": "^4.3.3",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
@@ -61,5 +62,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d840df052a887038e134207da26fd04cc2279d28"
+  "gitHead": "ff445da08f82a7b0931647754394b4de0a2a34f9",
+  "typesVersions": {
+    "<=3.5": {
+      "*": [
+        "ts3.5/*"
+      ]
+    }
+  }
 }

package/ts3.5/dist/ActionBar/ActionBar.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent, MouseEvent } from 'react';
+export declare const ActionButton: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    disabled: boolean;
+}, import("@storybook/theming").Theme>;
+export interface ActionItem {
+    title: string | JSX.Element;
+    onClick: (e: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+}
+export interface ActionBarProps {
+    actionItems: ActionItem[];
+}
+export declare const ActionBar: FunctionComponent<ActionBarProps>;

package/ts3.5/dist/Badge/Badge.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+export interface BadgeProps {
+    status: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical';
+}
+export declare const Badge: FunctionComponent<BadgeProps>;

package/ts3.5/dist/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ButtonProps {
+    isLink?: boolean;
+    primary?: boolean;
+    secondary?: boolean;
+    tertiary?: boolean;
+    inForm?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    outline?: boolean;
+    containsIcon?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>> & {
+    defaultProps: {
+        isLink: boolean;
+    };
+};

package/ts3.5/dist/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+export interface ScrollProps {
+    horizontal?: boolean;
+    vertical?: boolean;
+    [key: string]: any;
+}
+export interface ScrollAreaProps {
+    horizontal?: boolean;
+    vertical?: boolean;
+    className?: string;
+}
+export declare const ScrollArea: FunctionComponent<ScrollAreaProps>;

package/ts3.5/dist/ScrollArea/ScrollAreaStyles.d.ts

@@ -0,0 +1,2 @@
+import { Theme, Interpolation } from '@storybook/theming';
+export declare const getScrollAreaStyles: (theme: Theme) => Interpolation;

package/ts3.5/dist/addon-panel/addon-panel.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface AddonPanelProps {
+    active: boolean;
+    children: ReactNode;
+}
+export declare const AddonPanel: ({ active, children }: AddonPanelProps) => JSX.Element;

package/ts3.5/dist/bar/bar.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+export interface SideProps {
+    left?: boolean;
+    right?: boolean;
+}
+export declare const Bar: import("@emotion/styled-base").StyledComponent<any, Pick<any, string | number | symbol>, import("@storybook/theming").Theme>;
+export interface FlexBarProps {
+    border?: boolean;
+    children?: any;
+    backgroundColor?: string;
+}
+export declare const FlexBar: FunctionComponent<FlexBarProps>;

package/ts3.5/dist/bar/button.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@emotion/core" />
+export interface TabButtonProps {
+    active?: boolean;
+    textColor?: string;
+}
+export declare const TabButton: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TabButtonProps, import("@storybook/theming").Theme>;
+export interface IconButtonProps {
+    active?: boolean;
+}
+export declare const IconButton: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IconButtonProps, import("@storybook/theming").Theme>;

package/ts3.5/dist/bar/separator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const Separator: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SeparatorProps, import("@storybook/theming").Theme>;
+export declare const interleaveSeparators: (list: any[]) => any;
+export interface SeparatorProps {
+    force?: boolean;
+}

package/ts3.5/dist/blocks/BlockBackgroundStyles.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@storybook/theming';
+export declare const getBlockBackgroundStyle: (theme: Theme) => object;

package/ts3.5/dist/blocks/ColorPalette.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from 'react';
+interface ColorProps {
+    title: string;
+    subtitle: string;
+    colors: string[];
+}
+/**
+ * A single color row your styleguide showing title, subtitle and one or more colors, used
+ * as a child of `ColorPalette`.
+ */
+export declare const ColorItem: FunctionComponent<ColorProps>;
+/**
+ * Styleguide documentation for colors, including names, captions, and color swatches,
+ * all specified as `ColorItem` children of this wrapper component.
+ */
+export declare const ColorPalette: FunctionComponent;
+export {};

package/ts3.5/dist/blocks/Description.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+export interface DescriptionProps {
+    markdown: string;
+}
+/**
+ * A markdown description for a component, typically used to show the
+ * components docgen docs.
+ */
+export declare const Description: FunctionComponent<DescriptionProps>;

package/ts3.5/dist/blocks/DocsPage.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+import { Theme } from '@storybook/theming';
+export interface DocsPageProps {
+    title: string;
+    subtitle?: string;
+}
+export declare const Title: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, Theme>;
+export declare const Subtitle: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, Theme>;
+export declare const DocsContent: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "hidden" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, Theme>;
+export declare const DocsWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, Theme>;
+export declare const DocsPageWrapper: FunctionComponent;

package/ts3.5/dist/blocks/EmptyBlock.d.ts

@@ -0,0 +1 @@
+export declare const EmptyBlock: (props: any) => JSX.Element;

package/ts3.5/dist/blocks/IFrame.d.ts

@@ -0,0 +1,24 @@
+import { Component } from 'react';
+interface IFrameProps {
+    id: string;
+    key?: string;
+    title: string;
+    src: string;
+    allowFullScreen: boolean;
+    scale: number;
+    style?: any;
+}
+interface BodyStyle {
+    width: string;
+    height: string;
+    transform: string;
+    transformOrigin: string;
+}
+export declare class IFrame extends Component<IFrameProps> {
+    iframe: any;
+    componentDidMount(): void;
+    shouldComponentUpdate(nextProps: IFrameProps): boolean;
+    setIframeBodyStyle(style: BodyStyle): any;
+    render(): JSX.Element;
+}
+export {};

package/ts3.5/dist/blocks/IconGallery.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+interface IconItemProps {
+    name: string;
+}
+/**
+ * An individual icon with a caption and an example (passed as `children`).
+ */
+export declare const IconItem: FunctionComponent<IconItemProps>;
+/**
+ * Show a grid of icons, as specified by `IconItem`.
+ */
+export declare const IconGallery: FunctionComponent;
+export {};

package/ts3.5/dist/blocks/Preview.d.ts

@@ -0,0 +1,17 @@
+import { FunctionComponent } from 'react';
+import { SourceProps } from './Source';
+export interface PreviewProps {
+    isColumn?: boolean;
+    columns?: number;
+    withSource?: SourceProps;
+    isExpanded?: boolean;
+    withToolbar?: boolean;
+    className?: string;
+}
+/**
+ * A preview component for showing one or more component `Story`
+ * items. The preview also shows the source for the component
+ * as a drop-down.
+ */
+declare const Preview: FunctionComponent<PreviewProps>;
+export { Preview };

package/ts3.5/dist/blocks/PropsTable/PropDef.d.ts

@@ -0,0 +1,25 @@
+export interface JsDocParam {
+    name: string;
+    description?: string;
+}
+export interface JsDocReturns {
+    description?: string;
+}
+export interface JsDocTags {
+    params?: JsDocParam[];
+    returns?: JsDocReturns;
+}
+export interface PropSummaryValue {
+    summary: string;
+    detail?: string;
+}
+export declare type PropType = PropSummaryValue;
+export declare type PropDefaultValue = PropSummaryValue;
+export interface PropDef {
+    name: string;
+    type: PropType;
+    required: boolean;
+    description?: string;
+    defaultValue?: PropDefaultValue;
+    jsDocTags?: JsDocTags;
+}

package/ts3.5/dist/blocks/PropsTable/PropJsDoc.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import { JsDocTags } from './PropDef';
+interface PropJsDocProps {
+    tags: JsDocTags;
+}
+export declare const Table: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Pick<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "color" | "translate" | "hidden" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "summary" | "cellPadding" | "cellSpacing">, import("@storybook/theming").Theme>;
+export declare const PropJsDoc: FC<PropJsDocProps>;
+export {};

package/ts3.5/dist/blocks/PropsTable/PropRow.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { PropDef } from './PropDef';
+export interface PropRowProps {
+    row: PropDef;
+}
+export declare const PropRow: FC<PropRowProps>;

package/ts3.5/dist/blocks/PropsTable/PropValue.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { PropSummaryValue } from './PropDef';
+interface PropValueProps {
+    value?: PropSummaryValue;
+}
+export declare const PropValue: FC<PropValueProps>;
+export {};

package/ts3.5/dist/blocks/PropsTable/PropsTable.d.ts

@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+import { PropDef, PropType, PropDefaultValue, PropSummaryValue } from './PropDef';
+export declare const Table: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}, import("@storybook/theming").Theme>;
+export declare enum PropsTableError {
+    NO_COMPONENT = "No component found",
+    PROPS_UNSUPPORTED = "Props unsupported. See Props documentation for your framework."
+}
+export interface PropsTableRowsProps {
+    rows: PropDef[];
+}
+export interface PropsTableSectionsProps {
+    sections?: Record<string, PropDef[]>;
+}
+export interface PropsTableErrorProps {
+    error: PropsTableError;
+}
+export declare type PropsTableProps = PropsTableRowsProps | PropsTableSectionsProps | PropsTableErrorProps;
+/**
+ * Display the props for a component as a props table. Each row is a collection of
+ * PropDefs, usually derived from docgen info for the component.
+ */
+declare const PropsTable: FC<PropsTableProps>;
+export { PropsTable, PropDef, PropType, PropDefaultValue, PropSummaryValue };

package/ts3.5/dist/blocks/PropsTable/SectionRow.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface SectionRowProps {
+    section: string;
+}
+export declare const SectionRow: FC<SectionRowProps>;

package/ts3.5/dist/blocks/Source.d.ts

@@ -0,0 +1,20 @@
+import { FunctionComponent } from 'react';
+export declare enum SourceError {
+    NO_STORY = "There\u2019s no story here.",
+    SOURCE_UNAVAILABLE = "Oh no! The source is not available."
+}
+interface SourceErrorProps {
+    error?: SourceError;
+}
+interface SourceCodeProps {
+    language?: string;
+    code?: string;
+    format?: boolean;
+    dark?: boolean;
+}
+export declare type SourceProps = SourceErrorProps & SourceCodeProps;
+/**
+ * Syntax-highlighted source code for a component (or anything!)
+ */
+declare const Source: FunctionComponent<SourceProps>;
+export { Source };

package/ts3.5/dist/blocks/Story.d.ts

@@ -0,0 +1,25 @@
+import { ElementType, FunctionComponent } from 'react';
+export declare enum StoryError {
+    NO_STORY = "No component or story to display"
+}
+interface CommonProps {
+    title: string;
+    height?: string;
+    id: string;
+}
+declare type InlineStoryProps = {
+    storyFn: ElementType;
+} & CommonProps;
+declare type IFrameStoryProps = CommonProps;
+declare type ErrorProps = {
+    error?: StoryError;
+} & CommonProps;
+export declare type StoryProps = (InlineStoryProps | IFrameStoryProps | ErrorProps) & {
+    inline: boolean;
+};
+/**
+ * A story element, either renderend inline or in an iframe,
+ * with configurable height.
+ */
+declare const Story: FunctionComponent<StoryProps>;
+export { Story };

package/ts3.5/dist/blocks/Toolbar.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+interface ZoomProps {
+    zoom: (val: number) => void;
+    resetZoom: () => void;
+}
+interface EjectProps {
+    storyId?: string;
+    baseUrl?: string;
+}
+interface BarProps {
+    border?: boolean;
+}
+export declare type ToolbarProps = BarProps & ZoomProps & EjectProps;
+export declare const Toolbar: FunctionComponent<ToolbarProps>;
+export {};

package/ts3.5/dist/blocks/Typeset.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+export interface TypesetProps {
+    fontFamily?: string;
+    fontSizes: string[];
+    fontWeight?: number;
+    sampleText?: string;
+}
+/**
+ * Convenient styleguide documentation showing examples of type
+ * with different sizes and weights and configurable sample text.
+ */
+export declare const Typeset: FunctionComponent<TypesetProps>;

package/ts3.5/dist/blocks/ZoomContext.d.ts

@@ -0,0 +1,4 @@
+import { Context } from 'react';
+export declare const ZoomContext: Context<{
+    scale: number;
+}>;

package/ts3.5/dist/blocks/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Description';
+export * from './DocsPage';
+export * from './Preview';
+export * from './PropsTable/PropsTable';
+export * from './Source';
+export * from './Story';
+export * from './IFrame';
+export * from './Typeset';
+export * from './ColorPalette';
+export * from './IconGallery';

package/ts3.5/dist/brand/StorybookIcon.d.ts

@@ -0,0 +1,2 @@
+import { FunctionComponent } from 'react';
+export declare const StorybookIcon: FunctionComponent<{}>;

package/ts3.5/dist/brand/StorybookLogo.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+export interface StorybookLogoProps {
+    alt: string;
+}
+export declare const StorybookLogo: FunctionComponent<StorybookLogoProps>;

package/ts3.5/dist/form/field/field.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface FieldProps {
+    label?: ReactNode;
+}
+export declare const Field: FunctionComponent<FieldProps>;