UNPKG

63.4 kBTypeScriptView Raw
1import { Modifier, Placement } from "./_modules/@popperjs-core-index";
2import { Conditional, Parameters } from '@storybook/csf';
3import { Theme } from '@storybook/theming';
4import { BuiltInParserName } from "./_modules/@types-prettier-index";
5import React from 'react';
6import { AnchorHTMLAttributes, ButtonHTMLAttributes, Component, ComponentProps, DetailedHTMLProps, ElementType, FC, FunctionComponent, MouseEvent, MutableRefObject, ReactElement, ReactNode, SyntheticEvent } from 'react';
7declare class ZoomIFrame extends Component<IZoomIFrameProps> {
8 iframe: HTMLIFrameElement;
9 componentDidMount(): void;
10 shouldComponentUpdate(nextProps: IZoomIFrameProps): boolean;
11 setIframeInnerZoom(scale: number): void;
12 setIframeZoom(scale: number): void;
13 render(): ReactElement<HTMLIFrameElement, string | import("react").JSXElementConstructor<any>> & import("react").ReactNode;
14}
15declare const ButtonWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps, import("@storybook/theming").Theme>;
16declare const DefaultCodeBlock: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {
17 theme: import("@storybook/theming").Theme;
18}, import("@storybook/theming").Theme>;
19declare const Item: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ItemProps, import("@storybook/theming").Theme>;
20declare const LazyColorControl: React.LazyExoticComponent<React.FC<ColorControlProps>>;
21declare const LazySyntaxHighlighter: React.LazyExoticComponent<React.FunctionComponent<SyntaxHighlighterProps>>;
22declare const LazyWithTooltip: React.LazyExoticComponent<React.FunctionComponent<WithTooltipPureProps & {
23 startOpen?: boolean;
24}>>;
25declare const LazyWithTooltipPure: React.LazyExoticComponent<React.FunctionComponent<WithTooltipPureProps>>;
26declare const ProgressWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, import("@storybook/theming").Theme>;
27declare const PureLoader: FunctionComponent<LoaderProps & ComponentProps<typeof ProgressWrapper>>;
28declare const Svg: import("@storybook/theming").StyledComponent<import("react").SVGProps<SVGSVGElement>, SvgProps, import("@storybook/theming").Theme>;
29declare const icons: {
30 mobile: string;
31 watch: string;
32 tablet: string;
33 browser: string;
34 sidebar: string;
35 sidebaralt: string;
36 bottombar: string;
37 useralt: string;
38 user: string;
39 useradd: string;
40 users: string;
41 profile: string;
42 bookmark: string;
43 bookmarkhollow: string;
44 book: string;
45 repository: string;
46 star: string;
47 starhollow: string;
48 circle: string;
49 circlehollow: string;
50 heart: string;
51 hearthollow: string;
52 facehappy: string;
53 facesad: string;
54 faceneutral: string;
55 lock: string;
56 unlock: string;
57 key: string;
58 arrowleftalt: string;
59 arrowrightalt: string;
60 sync: string;
61 reply: string;
62 undo: string;
63 transfer: string;
64 redirect: string;
65 expand: string;
66 expandalt: string;
67 collapse: string;
68 grow: string;
69 arrowleft: string;
70 arrowup: string;
71 arrowdown: string;
72 arrowright: string;
73 chevrondown: string;
74 back: string;
75 download: string;
76 upload: string;
77 proceed: string;
78 info: string;
79 question: string;
80 support: string;
81 alert: string;
82 bell: string;
83 rss: string;
84 edit: string;
85 paintbrush: string;
86 close: string;
87 closeAlt: string;
88 trash: string;
89 cross: string;
90 delete: string;
91 add: string;
92 subtract: string;
93 plus: string;
94 document: string;
95 folder: string;
96 component: string;
97 calendar: string;
98 graphline: string;
99 docchart: string;
100 doclist: string;
101 category: string;
102 grid: string;
103 copy: string;
104 certificate: string;
105 print: string;
106 listunordered: string;
107 graphbar: string;
108 menu: string;
109 filter: string;
110 ellipsis: string;
111 cog: string;
112 wrench: string;
113 nut: string;
114 camera: string;
115 eye: string;
116 eyeclose: string;
117 photo: string;
118 video: string;
119 speaker: string;
120 phone: string;
121 flag: string;
122 pin: string;
123 compass: string;
124 globe: string;
125 location: string;
126 search: string;
127 zoom: string;
128 zoomout: string;
129 zoomreset: string;
130 timer: string;
131 time: string;
132 lightning: string;
133 lightningoff: string;
134 dashboard: string;
135 hourglass: string;
136 play: string;
137 playnext: string;
138 playback: string;
139 stop: string;
140 stopalt: string;
141 rewind: string;
142 fastforward: string;
143 email: string;
144 link: string;
145 paperclip: string;
146 box: string;
147 structure: string;
148 cpu: string;
149 memory: string;
150 database: string;
151 power: string;
152 outbox: string;
153 share: string;
154 button: string;
155 form: string;
156 check: string;
157 batchaccept: string;
158 batchdeny: string;
159 home: string;
160 admin: string;
161 paragraph: string;
162 basket: string;
163 credit: string;
164 shield: string;
165 beaker: string;
166 thumbsup: string;
167 mirror: string;
168 switchalt: string;
169 commit: string;
170 branch: string;
171 merge: string;
172 pullrequest: string;
173 chromatic: string;
174 twitter: string;
175 google: string;
176 gdrive: string;
177 youtube: string;
178 facebook: string;
179 medium: string;
180 graphql: string;
181 redux: string;
182 github: string;
183 bitbucket: string;
184 gitlab: string;
185 azuredevops: string;
186 discord: string;
187 contrast: string;
188 unfold: string;
189 sharealt: string;
190 accessibility: string;
191 accessibilityalt: string;
192 markup: string;
193 outline: string;
194 verified: string;
195 comment: string;
196 commentadd: string;
197 requestchange: string;
198 comments: string;
199 ruler: string;
200};
201declare function ZoomElement({ scale, children }: ZoomProps): JSX.Element;
202export declare class IFrame extends Component<IFrameProps> {
203 iframe: any;
204 componentDidMount(): void;
205 shouldComponentUpdate(nextProps: IFrameProps): boolean;
206 setIframeBodyStyle(style: BodyStyle): any;
207 render(): JSX.Element;
208}
209export declare class TabsState extends Component<TabsStateProps, TabsStateState> {
210 static defaultProps: TabsStateProps;
211 constructor(props: TabsStateProps);
212 handlers: {
213 onSelect: (id: string) => void;
214 };
215 render(): JSX.Element;
216}
217export declare const A: import("@storybook/theming").StyledComponent<import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
218 children?: import("react").ReactNode;
219}, {
220 theme: import("@storybook/theming").Theme;
221} & {
222 theme: import("@storybook/theming").Theme;
223}, import("@storybook/theming").Theme>;
224export declare const ActionBar: FunctionComponent<ActionBarProps>;
225export declare const AddonPanel: ({ active, children }: AddonPanelProps) => JSX.Element;
226/**
227 * Display the props for a component as a props table. Each row is a collection of
228 * ArgDefs, usually derived from docgen info for the component.
229 */
230export declare const ArgsTable: FC<ArgsTableProps>;
231export declare const Badge: FunctionComponent<BadgeProps>;
232export declare const Bar: import("@storybook/theming").StyledComponent<any, Pick<any, string | number | symbol>, import("@storybook/theming").Theme>;
233export declare const Blockquote: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, {
234 theme: import("@storybook/theming").Theme;
235} & {
236 theme: import("@storybook/theming").Theme;
237}, import("@storybook/theming").Theme>;
238export declare const BooleanControl: FC<BooleanProps>;
239export declare const Button: FunctionComponent<ComponentProps<typeof ButtonWrapper>>;
240export declare const Code: ({ className, children, ...props }: ComponentProps<typeof DefaultCodeBlock>) => JSX.Element;
241export declare const ColorControl: (props: ComponentProps<typeof LazyColorControl>) => JSX.Element;
242/**
243 * A single color row your styleguide showing title, subtitle and one or more colors, used
244 * as a child of `ColorPalette`.
245 */
246export declare const ColorItem: FunctionComponent<ColorItemProps>;
247/**
248 * Styleguide documentation for colors, including names, captions, and color swatches,
249 * all specified as `ColorItem` children of this wrapper component.
250 */
251export declare const ColorPalette: FunctionComponent;
252export declare const DL: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {
253 theme: import("@storybook/theming").Theme;
254}, import("@storybook/theming").Theme>;
255export declare const DateControl: FC<DateProps>;
256/**
257 * A markdown description for a component, typically used to show the
258 * components docgen docs.
259 */
260export declare const Description: FunctionComponent<DescriptionProps>;
261export declare const Div: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
262 theme: import("@storybook/theming").Theme;
263}, import("@storybook/theming").Theme>;
264export declare const DocsContent: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, Theme>;
265export declare const DocsPageWrapper: FC;
266export declare const DocsWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, Theme>;
267export declare const DocumentWrapper: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, import("@storybook/theming").Theme>;
268export declare const FilesControl: FunctionComponent<FilesControlProps>;
269export declare const FlexBar: FunctionComponent<FlexBarProps>;
270export declare const Form: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, Pick<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement>, keyof import("react").FormHTMLAttributes<HTMLFormElement>>, import("@storybook/theming").Theme> & {
271 Field: import("react").FunctionComponent<FieldProps>;
272 Input: import("@storybook/theming").StyledComponent<Pick<Omit<import("react").HTMLProps<HTMLInputElement>, keyof InputStyleProps> & InputStyleProps, "max" | "required" | "type" | "data" | "default" | "high" | "low" | "key" | "id" | "media" | "width" | "start" | "open" | "name" | "color" | "content" | "translate" | "value" | "hidden" | "cite" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "acceptCharset" | "action" | "method" | "noValidate" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "async" | "disabled" | "multiple" | "manifest" | "wrap" | "accept" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "min" | "minLength" | "muted" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "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" | keyof InputStyleProps> & import("react").RefAttributes<any>, InputStyleProps, import("@storybook/theming").Theme> & {
273 displayName: string;
274 };
275 Select: import("@storybook/theming").StyledComponent<Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, keyof InputStyleProps> & InputStyleProps & import("react").RefAttributes<any>, Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, keyof InputStyleProps> & InputStyleProps, import("@storybook/theming").Theme> & {
276 displayName: string;
277 };
278 Textarea: import("@storybook/theming").StyledComponent<Omit<import("react-textarea-autosize").TextareaAutosizeProps, keyof InputStyleProps> & InputStyleProps & import("react").RefAttributes<any>, Omit<import("react-textarea-autosize").TextareaAutosizeProps, keyof InputStyleProps> & InputStyleProps, import("@storybook/theming").Theme> & {
279 displayName: string;
280 };
281 Button: import("react").FunctionComponent<any>;
282};
283export declare const H1: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
284 theme: import("@storybook/theming").Theme;
285} & {
286 theme: import("@storybook/theming").Theme;
287}, import("@storybook/theming").Theme>;
288export declare const H2: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
289 theme: import("@storybook/theming").Theme;
290} & {
291 theme: import("@storybook/theming").Theme;
292}, import("@storybook/theming").Theme>;
293export declare const H3: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
294 theme: import("@storybook/theming").Theme;
295} & {
296 theme: import("@storybook/theming").Theme;
297}, import("@storybook/theming").Theme>;
298export declare const H4: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
299 theme: import("@storybook/theming").Theme;
300} & {
301 theme: import("@storybook/theming").Theme;
302}, import("@storybook/theming").Theme>;
303export declare const H5: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
304 theme: import("@storybook/theming").Theme;
305} & {
306 theme: import("@storybook/theming").Theme;
307}, import("@storybook/theming").Theme>;
308export declare const H6: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
309 theme: import("@storybook/theming").Theme;
310} & {
311 theme: import("@storybook/theming").Theme;
312}, import("@storybook/theming").Theme>;
313export declare const HR: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Pick<import("react").ClassAttributes<HTMLHRElement> & import("react").HTMLAttributes<HTMLHRElement>, keyof import("react").HTMLAttributes<HTMLHRElement>>, import("@storybook/theming").Theme>;
314export declare const IconButton: import("@storybook/theming").StyledComponent<(Pick<BarButtonProps, "type" | "key" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "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"> & {
315 ref?: React.Ref<HTMLButtonElement>;
316}) | (Pick<BarLinkProps, "type" | "key" | "id" | "media" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "download" | "href" | "hrefLang" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "rel" | "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" | "ping" | "referrerPolicy"> & {
317 ref?: React.Ref<HTMLAnchorElement>;
318}), IconButtonProps, import("@storybook/theming").Theme>;
319/**
320 * Show a grid of icons, as specified by `IconItem`.
321 */
322export declare const IconGallery: FunctionComponent;
323/**
324 * An individual icon with a caption and an example (passed as `children`).
325 */
326export declare const IconItem: FunctionComponent<IconItemProps>;
327export declare const Icons: React.NamedExoticComponent<IconsProps>;
328export declare const Img: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ImgHTMLAttributes<HTMLImageElement>>, import("@storybook/theming").Theme>;
329export declare const LI: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
330 theme: import("@storybook/theming").Theme;
331} & {
332 theme: import("@storybook/theming").Theme;
333}, import("@storybook/theming").Theme>;
334export declare const Link: FunctionComponent<LinkProps & AProps>;
335export declare const Loader: FunctionComponent<ComponentProps<typeof PureLoader>>;
336export declare const NoControlsWarning: () => JSX.Element;
337export declare const NumberControl: FC<NumberProps>;
338export declare const OL: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {
339 theme: import("@storybook/theming").Theme;
340}, import("@storybook/theming").Theme>;
341export declare const ObjectControl: FC<ObjectProps>;
342export declare const OptionsControl: FC<OptionsProps>;
343export declare const P: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
344 theme: import("@storybook/theming").Theme;
345} & {
346 theme: import("@storybook/theming").Theme;
347}, import("@storybook/theming").Theme>;
348export declare const Placeholder: FunctionComponent;
349export declare const Pre: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {
350 theme: import("@storybook/theming").Theme;
351} & {
352 theme: import("@storybook/theming").Theme;
353}, import("@storybook/theming").Theme>;
354/**
355 * A preview component for showing one or more component `Story`
356 * items. The preview also shows the source for the component
357 * as a drop-down.
358 */
359export declare const Preview: FunctionComponent<PreviewProps>;
360export declare const PreviewSkeleton: () => JSX.Element;
361export declare const RangeControl: FC<RangeProps>;
362export declare const ScrollArea: FunctionComponent<ScrollAreaProps>;
363export declare const Separator: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SeparatorProps, import("@storybook/theming").Theme>;
364/**
365 * Syntax-highlighted source code for a component (or anything!)
366 */
367export declare const Source: FunctionComponent<SourceProps>;
368export declare const Spaced: FunctionComponent<SpacedProps>;
369export declare const Span: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
370 theme: import("@storybook/theming").Theme;
371} & {
372 theme: import("@storybook/theming").Theme;
373}, import("@storybook/theming").Theme>;
374/**
375 * A story element, either rendered inline or in an iframe,
376 * with configurable height.
377 */
378export declare const Story: FunctionComponent<StoryProps & {
379 inline?: boolean;
380 error?: StoryError;
381}>;
382export declare const StorySkeleton: () => JSX.Element;
383export declare const StorybookIcon: FunctionComponent<{}>;
384export declare const StorybookLogo: FunctionComponent<StorybookLogoProps>;
385export declare const StyledSyntaxHighlighter: import("@storybook/theming").StyledComponent<SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps & {
386 children?: React.ReactNode;
387}, {}, import("@storybook/theming").Theme>;
388export declare const Subtitle: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, Theme>;
389export declare const Symbols: React.NamedExoticComponent<SymbolsProps>;
390export declare const SyntaxHighlighter: (props: ComponentProps<typeof LazySyntaxHighlighter>) => JSX.Element;
391export declare const TT: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, {
392 theme: import("@storybook/theming").Theme;
393}, import("@storybook/theming").Theme>;
394export declare const TabBar: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, import("@storybook/theming").Theme>;
395export declare const TabButton: import("@storybook/theming").StyledComponent<(Pick<BarButtonProps, "type" | "key" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "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"> & {
396 ref?: React.Ref<HTMLButtonElement>;
397}) | (Pick<BarLinkProps, "type" | "key" | "id" | "media" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "target" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "download" | "href" | "hrefLang" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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" | "rel" | "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" | "ping" | "referrerPolicy"> & {
398 ref?: React.Ref<HTMLAnchorElement>;
399}), TabButtonProps, import("@storybook/theming").Theme>;
400export declare const TabWrapper: FunctionComponent<TabWrapperProps>;
401export declare const TabbedArgsTable: FC<TabbedArgsTableProps>;
402export declare const Table: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
403 theme: import("@storybook/theming").Theme;
404} & {
405 theme: import("@storybook/theming").Theme;
406}, import("@storybook/theming").Theme>;
407export declare const TableWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
408 compact?: boolean;
409 inAddonPanel?: boolean;
410 isLoading?: boolean;
411}, import("@storybook/theming").Theme>;
412export declare const Tabs: FunctionComponent<TabsProps>;
413export declare const TextControl: FC<TextProps>;
414export declare const Title: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, Theme>;
415export declare const TooltipLinkList: FunctionComponent<TooltipLinkListProps>;
416export declare const TooltipMessage: FunctionComponent<TooltipMessageProps>;
417export declare const TooltipNote: FunctionComponent<TooltipNoteProps>;
418/**
419 * Convenient styleguide documentation showing examples of type
420 * with different sizes and weights and configurable sample text.
421 */
422export declare const Typeset: FunctionComponent<TypesetProps>;
423export declare const UL: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
424 theme: import("@storybook/theming").Theme;
425}, import("@storybook/theming").Theme>;
426export declare const WithTooltip: (props: ComponentProps<typeof LazyWithTooltip>) => JSX.Element;
427export declare const WithTooltipPure: (props: ComponentProps<typeof LazyWithTooltipPure>) => JSX.Element;
428export declare const Zoom: {
429 Element: typeof ZoomElement;
430 IFrame: typeof ZoomIFrame;
431};
432export declare const argsTableLoadingData: ArgsTableDataProps;
433export declare const components: {
434 h1: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => JSX.Element;
435 h2: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => JSX.Element;
436 h3: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => JSX.Element;
437 h4: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => JSX.Element;
438 h5: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => JSX.Element;
439 h6: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => JSX.Element;
440 pre: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>) => JSX.Element;
441 a: (props: import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => JSX.Element;
442 hr: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>) => JSX.Element;
443 dl: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>) => JSX.Element;
444 blockquote: (props: import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>) => JSX.Element;
445 table: (props: import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>) => JSX.Element;
446 img: (props: import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => JSX.Element;
447 div: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
448 span: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
449 li: (props: import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => JSX.Element;
450 ul: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => JSX.Element;
451 ol: (props: import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => JSX.Element;
452 p: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => JSX.Element;
453 code: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => JSX.Element;
454 tt: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>) => JSX.Element;
455 resetwrapper: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
456};
457export declare const format: (value: NumberValue) => string;
458export declare const formatDate: (value: Date | number) => string;
459export declare const formatTime: (value: Date | number) => string;
460export declare const getStoryHref: (baseUrl: string, storyId: string, additionalParams?: Record<string, string>) => string;
461export declare const interleaveSeparators: (list: any[]) => any;
462export declare const nameSpaceClassNames: ({ ...props }: {
463 [x: string]: any;
464}, key: string) => {
465 [x: string]: any;
466};
467export declare const parse: (value: string) => number;
468export declare const parseDate: (value: string) => Date;
469export declare const parseTime: (value: string) => Date;
470export declare const resetComponents: Record<string, ElementType>;
471export declare enum ArgsTableError {
472 NO_COMPONENT = "No component found.",
473 ARGS_UNSUPPORTED = "Args unsupported. See Args documentation for your framework."
474}
475export declare enum SourceError {
476 NO_STORY = "There\u2019s no story here.",
477 SOURCE_UNAVAILABLE = "Oh no! The source is not available."
478}
479export declare enum StoryError {
480 NO_STORY = "No component or story to display"
481}
482export declare type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
483export declare type Alignments = "end" | "center" | "start";
484export declare type ArgsTableProps = ArgsTableOptionProps & (ArgsTableDataProps | ArgsTableErrorProps | ArgsTableLoadingProps);
485export declare type BooleanProps = ControlProps<BooleanValue> & BooleanConfig;
486export declare type BooleanValue = boolean;
487export declare type ColorControlProps = ControlProps<ColorValue> & ColorConfig;
488export declare type ColorProps = ColorControlProps;
489export declare type ColorValue = string;
490export declare type Colors = string[] | {
491 [key: string]: string;
492};
493export declare type Control = BooleanConfig | ColorConfig | DateConfig | NumberConfig | ObjectConfig | OptionsConfig | RangeConfig | TextConfig;
494export declare type ControlType = "array" | "boolean" | "color" | "date" | "number" | "range" | "object" | OptionsControlType | "text";
495export declare type Controls = Record<string, Control>;
496export declare type DateProps = ControlProps<DateValue> & DateConfig;
497export declare type DateValue = Date | number;
498export declare type FuncChildren = () => void;
499export declare type Globals = {
500 [name: string]: any;
501};
502export declare type IFrameStoryProps = CommonProps;
503export declare type IZoomIFrameProps = {
504 scale: number;
505 children: ReactElement<HTMLIFrameElement>;
506 iFrameRef: MutableRefObject<HTMLIFrameElement>;
507 active?: boolean;
508};
509export declare type IconKey = keyof typeof icons;
510export declare type LinkWrapperType = FunctionComponent<any>;
511export declare type NumberProps = ControlProps<NumberValue | null> & NumberConfig;
512export declare type NumberValue = number;
513export declare type ObjectProps = ControlProps<ObjectValue> & ObjectConfig & {
514 theme: any;
515};
516export declare type ObjectValue = any;
517export declare type Options = OptionsArray | OptionsObject;
518export declare type OptionsArray = any[];
519export declare type OptionsControlType = "radio" | "inline-radio" | "check" | "inline-check" | "select" | "multi-select";
520export declare type OptionsMultiSelection = any[];
521export declare type OptionsObject = Record<string, any>;
522export declare type OptionsProps = ControlProps<OptionsSelection> & OptionsConfig;
523export declare type OptionsSelection = OptionsSingleSelection | OptionsMultiSelection;
524export declare type OptionsSingleSelection = any;
525export declare type PresetColor = ColorValue | {
526 color: ColorValue;
527 title?: string;
528};
529export declare type PropDefaultValue = PropSummaryValue;
530export declare type PropType = PropSummaryValue;
531export declare type RangeConfig = NumberConfig;
532export declare type RangeProps = ControlProps<NumberValue | null> & RangeConfig;
533export declare type Sizes = "100%" | "flex" | "auto";
534export declare type SortType = "alpha" | "requiredFirst" | "none";
535export declare type SourceProps = SourceErrorProps & SourceCodeProps;
536export declare type StoryProps = InlineStoryProps | IFrameStoryProps;
537export declare type SyntaxHighlighterFormatTypes = boolean | "dedent" | BuiltInParserName;
538export declare type SyntaxHighlighterProps = SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps;
539export declare type TextProps = ControlProps<TextValue | undefined> & TextConfig;
540export declare type TextValue = string;
541export declare type ValidationStates = "valid" | "error" | "warn";
542export declare type ZoomProps = {
543 scale: number;
544 children: ReactElement | ReactElement[];
545};
546export declare type lineTagPropsFunction = (lineNumber: number) => React.HTMLProps<HTMLElement>;
547export interface ActionBarProps {
548 actionItems: ActionItem[];
549}
550export interface ActionItem {
551 title: string | JSX.Element;
552 className?: string;
553 onClick: (e: MouseEvent<HTMLButtonElement>) => void;
554 disabled?: boolean;
555}
556export interface AddonPanelProps {
557 active: boolean;
558 children: ReactNode;
559}
560export interface ArgType {
561 name?: string;
562 description?: string;
563 defaultValue?: any;
564 if?: Conditional;
565 [key: string]: any;
566}
567export interface ArgTypes {
568 [key: string]: ArgType;
569}
570export interface Args {
571 [key: string]: any;
572}
573export interface ArgsTableDataProps {
574 rows: ArgTypes;
575 args?: Args;
576 globals?: Globals;
577}
578export interface ArgsTableErrorProps {
579 error: ArgsTableError;
580}
581export interface ArgsTableLoadingProps {
582 isLoading: true;
583}
584export interface ArgsTableOptionProps {
585 updateArgs?: (args: Args) => void;
586 resetArgs?: (argNames?: string[]) => void;
587 compact?: boolean;
588 inAddonPanel?: boolean;
589 initialExpandedArgs?: boolean;
590 isLoading?: boolean;
591 sort?: SortType;
592}
593export interface BadgeProps {
594 status: "positive" | "negative" | "neutral" | "warning" | "critical";
595}
596export interface BarButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
597 href?: void;
598}
599export interface BarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
600 href: string;
601}
602export interface BodyStyle {
603 width: string;
604 height: string;
605 transform: string;
606 transformOrigin: string;
607}
608export interface BooleanConfig {
609}
610export interface ButtonProps {
611 isLink?: boolean;
612 primary?: boolean;
613 secondary?: boolean;
614 tertiary?: boolean;
615 gray?: boolean;
616 inForm?: boolean;
617 disabled?: boolean;
618 small?: boolean;
619 outline?: boolean;
620 containsIcon?: boolean;
621 children?: ReactNode;
622 href?: string;
623}
624export interface ColorConfig {
625 presetColors?: PresetColor[];
626 startOpen?: boolean;
627}
628export interface ColorItemProps {
629 title: string;
630 subtitle: string;
631 colors: Colors;
632}
633export interface CommonProps {
634 title?: string;
635 height?: string;
636 id: string;
637}
638export interface ControlProps<T> {
639 name: string;
640 value?: T;
641 defaultValue?: T;
642 argType?: ArgType;
643 onChange: (value: T) => T | void;
644 onFocus?: (evt: any) => void;
645 onBlur?: (evt: any) => void;
646}
647export interface DateConfig {
648}
649export interface DescriptionProps {
650 markdown: string;
651}
652export interface DocsPageProps {
653 title: string;
654 subtitle?: string;
655}
656export interface FieldProps {
657 label?: ReactNode;
658}
659export interface FilesControlProps extends ControlProps<string[]> {
660 accept?: string;
661}
662export interface FlexBarProps {
663 border?: boolean;
664 children?: any;
665 backgroundColor?: string;
666}
667export interface IFrameProps {
668 id: string;
669 key?: string;
670 title: string;
671 src: string;
672 allowFullScreen: boolean;
673 scale: number;
674 style?: any;
675}
676export interface IconButtonProps {
677 active?: boolean;
678 disabled?: boolean;
679}
680export interface IconItemProps {
681 name: string;
682}
683export interface IconsProps extends ComponentProps<typeof Svg> {
684 icon?: IconKey;
685 symbol?: IconKey;
686}
687export interface InlineStoryProps extends CommonProps {
688 parameters: Parameters;
689 storyFn: ElementType;
690}
691export interface InputStyleProps {
692 size?: Sizes;
693 align?: Alignments;
694 valid?: ValidationStates;
695 height?: number;
696}
697export interface ItemProps {
698 disabled?: boolean;
699}
700export interface JsDocParam {
701 name: string;
702 description?: string;
703}
704export interface JsDocReturns {
705 description?: string;
706}
707export interface JsDocTags {
708 params?: JsDocParam[];
709 returns?: JsDocReturns;
710}
711export interface Link extends Omit<ListItemProps, "onClick"> {
712 id: string;
713 isGatsby?: boolean;
714 onClick?: (event: SyntheticEvent, item: ListItemProps) => void;
715}
716export interface LinkInnerProps {
717 withArrow?: boolean;
718 containsIcon?: boolean;
719}
720export interface LinkProps extends LinkInnerProps, LinkStylesProps {
721 cancel?: boolean;
722 className?: string;
723 style?: object;
724 onClick?: (e: MouseEvent) => void;
725 href?: string;
726}
727export interface LinkStylesProps {
728 secondary?: boolean;
729 tertiary?: boolean;
730 nochrome?: boolean;
731 inverse?: boolean;
732 isButton?: boolean;
733}
734export interface ListItemProps extends Omit<ComponentProps<typeof Item>, "href" | "title"> {
735 loading?: boolean;
736 left?: ReactNode;
737 title?: ReactNode;
738 center?: ReactNode;
739 right?: ReactNode;
740 active?: boolean;
741 disabled?: boolean;
742 href?: string;
743 LinkWrapper?: LinkWrapperType;
744}
745export interface LoaderProps {
746 progress?: Progress;
747 error?: Error;
748 size?: number;
749}
750export interface NormalizedOptionsConfig {
751 options: OptionsObject;
752}
753export interface NumberConfig {
754 min?: number;
755 max?: number;
756 step?: number;
757}
758export interface ObjectConfig {
759}
760export interface OptionsConfig {
761 labels: Record<any, string>;
762 options: Options;
763 type: OptionsControlType;
764}
765export interface PreviewProps {
766 isLoading?: true;
767 isColumn?: boolean;
768 columns?: number;
769 withSource?: SourceProps;
770 isExpanded?: boolean;
771 withToolbar?: boolean;
772 className?: string;
773 additionalActions?: ActionItem[];
774}
775export interface Progress {
776 value: number;
777 message: string;
778 modules?: {
779 complete: number;
780 total: number;
781 };
782}
783export interface PropSummaryValue {
784 summary: string;
785 detail?: string;
786 required?: boolean;
787}
788export interface ScrollAreaProps {
789 horizontal?: boolean;
790 vertical?: boolean;
791 className?: string;
792}
793export interface SeparatorProps {
794 force?: boolean;
795}
796export interface SourceCodeProps {
797 language?: string;
798 code?: string;
799 format?: ComponentProps<typeof SyntaxHighlighter>["format"];
800 dark?: boolean;
801}
802export interface SourceErrorProps {
803 isLoading?: boolean;
804 error?: SourceError;
805}
806export interface SpacedProps {
807 col?: number;
808 row?: number;
809 outer?: number | boolean;
810}
811export interface StorybookLogoProps {
812 alt: string;
813}
814export interface SvgProps {
815 inline?: boolean;
816}
817export interface SymbolsProps extends ComponentProps<typeof Svg> {
818 icons?: IconKey[];
819}
820export interface SyntaxHighlighterBaseProps {
821 language?: string;
822 style?: any;
823 customStyle?: any;
824 lineProps?: lineTagPropsFunction | React.HTMLProps<HTMLElement>;
825 codeTagProps?: React.HTMLProps<HTMLElement>;
826 useInlineStyles?: boolean;
827 showLineNumbers?: boolean;
828 startingLineNumber?: number;
829 lineNumberStyle?: any;
830}
831export interface SyntaxHighlighterCustomProps {
832 language: string;
833 copyable?: boolean;
834 bordered?: boolean;
835 padded?: boolean;
836 format?: SyntaxHighlighterFormatTypes;
837 formatter?: (type: SyntaxHighlighterFormatTypes, source: string) => string;
838 className?: string;
839 renderer?: (props: SyntaxHighlighterRendererProps) => ReactNode;
840}
841export interface SyntaxHighlighterRendererProps {
842 rows: any[];
843 stylesheet: string;
844 useInlineStyles: boolean;
845}
846export interface TabButtonProps {
847 active?: boolean;
848 textColor?: string;
849}
850export interface TabWrapperProps {
851 active: boolean;
852 render?: () => JSX.Element;
853 children?: ReactNode;
854}
855export interface TabbedArgsTableProps {
856 tabs: Record<string, ArgsTableProps>;
857 sort?: SortType;
858}
859export interface TableAnnotation {
860 type: PropType;
861 jsDocTags?: JsDocTags;
862 defaultValue?: PropDefaultValue;
863 category?: string;
864}
865export interface TabsProps {
866 id?: string;
867 tools?: ReactNode;
868 selected?: string;
869 actions?: {
870 onSelect: (id: string) => void;
871 } & Record<string, any>;
872 backgroundColor?: string;
873 absolute?: boolean;
874 bordered?: boolean;
875}
876export interface TabsStateProps {
877 children: (ReactNode | FuncChildren)[];
878 initial: string;
879 absolute: boolean;
880 bordered: boolean;
881 backgroundColor: string;
882}
883export interface TabsStateState {
884 selected: string;
885}
886export interface TextConfig {
887}
888export interface TooltipLinkListProps {
889 links: Link[];
890 LinkWrapper?: LinkWrapperType;
891}
892export interface TooltipMessageProps {
893 title?: ReactNode;
894 desc?: ReactNode;
895 links?: {
896 title: string;
897 href?: string;
898 onClick?: () => void;
899 }[];
900}
901export interface TooltipNoteProps {
902 note: string;
903}
904export interface TypesetProps {
905 fontFamily?: string;
906 fontSizes: string[];
907 fontWeight?: number;
908 sampleText?: string;
909}
910export interface WithHideFn {
911 onHide: () => void;
912}
913export interface WithTooltipPureProps {
914 svg?: boolean;
915 trigger?: "none" | "hover" | "click" | "right-click";
916 closeOnClick?: boolean;
917 placement?: Placement;
918 modifiers?: Array<Partial<Modifier<string, {}>>>;
919 hasChrome?: boolean;
920 tooltip: ReactNode | ((p: WithHideFn) => ReactNode);
921 children: ReactNode;
922 tooltipShown?: boolean;
923 onVisibilityChange?: (visibility: boolean) => void | boolean;
924 onDoubleClick?: () => void;
925}
926export {};
\No newline at end of file