@storybook/components 7.6.3 → 8.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{WithTooltip-V3YHNWJZ.mjs → WithTooltip-D5AOWGCE.mjs} +2 -1
- package/dist/chunk-FD4M6EBV.mjs +3 -0
- package/dist/chunk-QHZ7RZJR.mjs +21 -0
- package/dist/chunk-V5LNLORZ.mjs +30 -0
- package/dist/index.d.ts +387 -367
- package/dist/index.js +20 -21
- package/dist/index.mjs +24 -20
- package/dist/{syntaxhighlighter-V7JZZA35.mjs → syntaxhighlighter-WYNU2L5A.mjs} +2 -1
- package/package.json +7 -8
- package/dist/chunk-ELLS3HSY.mjs +0 -28
- package/dist/chunk-NE5YGCQB.mjs +0 -20
package/dist/index.d.ts
CHANGED
|
@@ -1,119 +1,117 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ComponentProps, FC, PropsWithChildren, AnchorHTMLAttributes, MouseEvent, ReactNode, ReactElement, FunctionComponent, Component, RefObject, ButtonHTMLAttributes, SyntheticEvent, RefAttributes, DetailedHTMLProps, ElementType } from 'react';
|
|
3
3
|
import * as _storybook_theming from '@storybook/theming';
|
|
4
4
|
import { Theme, CSSObject } from '@storybook/theming';
|
|
5
5
|
import { BuiltInParserName } from 'prettier';
|
|
6
6
|
import * as react_textarea_autosize from 'react-textarea-autosize';
|
|
7
7
|
import { Addon_RenderOptions } from '@storybook/types';
|
|
8
8
|
|
|
9
|
-
declare const A: _storybook_theming.StyledComponent<
|
|
10
|
-
children?: React$1.ReactNode;
|
|
11
|
-
} & {
|
|
9
|
+
declare const A: _storybook_theming.StyledComponent<react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
12
10
|
theme?: _storybook_theming.Theme;
|
|
13
11
|
}, {}, {}>;
|
|
14
12
|
|
|
15
13
|
declare const Blockquote: _storybook_theming.StyledComponent<{
|
|
16
14
|
theme?: _storybook_theming.Theme;
|
|
17
|
-
as?:
|
|
18
|
-
},
|
|
15
|
+
as?: react.ElementType<any>;
|
|
16
|
+
}, react.DetailedHTMLProps<react.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, {}>;
|
|
19
17
|
|
|
20
18
|
declare const DefaultCodeBlock: _storybook_theming.StyledComponent<{
|
|
21
19
|
theme?: _storybook_theming.Theme;
|
|
22
|
-
as?:
|
|
23
|
-
},
|
|
24
|
-
declare const Code: ({ className, children, ...props }: ComponentProps<typeof DefaultCodeBlock>) =>
|
|
20
|
+
as?: react__default.ElementType<any>;
|
|
21
|
+
}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
22
|
+
declare const Code: ({ className, children, ...props }: ComponentProps<typeof DefaultCodeBlock>) => react__default.JSX.Element;
|
|
25
23
|
|
|
26
24
|
declare const Div: _storybook_theming.StyledComponent<{
|
|
27
25
|
theme?: _storybook_theming.Theme;
|
|
28
|
-
as?:
|
|
29
|
-
},
|
|
26
|
+
as?: react.ElementType<any>;
|
|
27
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
28
|
|
|
31
29
|
declare const DL: _storybook_theming.StyledComponent<{
|
|
32
30
|
theme?: _storybook_theming.Theme;
|
|
33
|
-
as?:
|
|
34
|
-
},
|
|
31
|
+
as?: react.ElementType<any>;
|
|
32
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}>;
|
|
35
33
|
|
|
36
34
|
declare const H1: _storybook_theming.StyledComponent<{
|
|
37
35
|
theme?: _storybook_theming.Theme;
|
|
38
|
-
as?:
|
|
39
|
-
},
|
|
36
|
+
as?: react.ElementType<any>;
|
|
37
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
40
38
|
|
|
41
39
|
declare const H2: _storybook_theming.StyledComponent<{
|
|
42
40
|
theme?: _storybook_theming.Theme;
|
|
43
|
-
as?:
|
|
44
|
-
},
|
|
41
|
+
as?: react.ElementType<any>;
|
|
42
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
45
43
|
|
|
46
44
|
declare const H3: _storybook_theming.StyledComponent<{
|
|
47
45
|
theme?: _storybook_theming.Theme;
|
|
48
|
-
as?:
|
|
49
|
-
},
|
|
46
|
+
as?: react.ElementType<any>;
|
|
47
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
50
48
|
|
|
51
49
|
declare const H4: _storybook_theming.StyledComponent<{
|
|
52
50
|
theme?: _storybook_theming.Theme;
|
|
53
|
-
as?:
|
|
54
|
-
},
|
|
51
|
+
as?: react.ElementType<any>;
|
|
52
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
55
53
|
|
|
56
54
|
declare const H5: _storybook_theming.StyledComponent<{
|
|
57
55
|
theme?: _storybook_theming.Theme;
|
|
58
|
-
as?:
|
|
59
|
-
},
|
|
56
|
+
as?: react.ElementType<any>;
|
|
57
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
60
58
|
|
|
61
59
|
declare const H6: _storybook_theming.StyledComponent<{
|
|
62
60
|
theme?: _storybook_theming.Theme;
|
|
63
|
-
as?:
|
|
64
|
-
},
|
|
61
|
+
as?: react.ElementType<any>;
|
|
62
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
65
63
|
|
|
66
64
|
declare const HR: _storybook_theming.StyledComponent<{
|
|
67
65
|
theme?: _storybook_theming.Theme;
|
|
68
|
-
as?:
|
|
69
|
-
},
|
|
66
|
+
as?: react.ElementType<any>;
|
|
67
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
|
|
70
68
|
|
|
71
69
|
declare const Img: _storybook_theming.StyledComponent<{
|
|
72
70
|
theme?: _storybook_theming.Theme;
|
|
73
|
-
as?:
|
|
74
|
-
},
|
|
71
|
+
as?: react.ElementType<any>;
|
|
72
|
+
}, react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
75
73
|
|
|
76
74
|
declare const LI: _storybook_theming.StyledComponent<{
|
|
77
75
|
theme?: _storybook_theming.Theme;
|
|
78
|
-
as?:
|
|
79
|
-
},
|
|
76
|
+
as?: react.ElementType<any>;
|
|
77
|
+
}, react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
|
|
80
78
|
|
|
81
79
|
declare const OL: _storybook_theming.StyledComponent<{
|
|
82
80
|
theme?: _storybook_theming.Theme;
|
|
83
|
-
as?:
|
|
84
|
-
},
|
|
81
|
+
as?: react.ElementType<any>;
|
|
82
|
+
}, react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
|
|
85
83
|
|
|
86
84
|
declare const P: _storybook_theming.StyledComponent<{
|
|
87
85
|
theme?: _storybook_theming.Theme;
|
|
88
|
-
as?:
|
|
89
|
-
},
|
|
86
|
+
as?: react.ElementType<any>;
|
|
87
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
90
88
|
|
|
91
89
|
declare const Pre: _storybook_theming.StyledComponent<{
|
|
92
90
|
theme?: _storybook_theming.Theme;
|
|
93
|
-
as?:
|
|
94
|
-
},
|
|
91
|
+
as?: react.ElementType<any>;
|
|
92
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;
|
|
95
93
|
|
|
96
94
|
declare const Span: _storybook_theming.StyledComponent<{
|
|
97
95
|
theme?: _storybook_theming.Theme;
|
|
98
|
-
as?:
|
|
99
|
-
},
|
|
96
|
+
as?: react.ElementType<any>;
|
|
97
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
100
98
|
|
|
101
99
|
declare const Table: _storybook_theming.StyledComponent<{
|
|
102
100
|
theme?: _storybook_theming.Theme;
|
|
103
|
-
as?:
|
|
104
|
-
},
|
|
101
|
+
as?: react.ElementType<any>;
|
|
102
|
+
}, react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
|
|
105
103
|
|
|
106
104
|
declare const TT: _storybook_theming.StyledComponent<{
|
|
107
105
|
theme?: _storybook_theming.Theme;
|
|
108
|
-
as?:
|
|
109
|
-
},
|
|
106
|
+
as?: react.ElementType<any>;
|
|
107
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, {}>;
|
|
110
108
|
|
|
111
109
|
declare const UL: _storybook_theming.StyledComponent<{
|
|
112
110
|
theme?: _storybook_theming.Theme;
|
|
113
|
-
as?:
|
|
114
|
-
},
|
|
111
|
+
as?: react.ElementType<any>;
|
|
112
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
|
|
115
113
|
|
|
116
|
-
interface BadgeProps {
|
|
114
|
+
interface BadgeProps extends PropsWithChildren {
|
|
117
115
|
status: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical';
|
|
118
116
|
}
|
|
119
117
|
declare const Badge: FC<BadgeProps>;
|
|
@@ -130,19 +128,34 @@ interface LinkInnerProps {
|
|
|
130
128
|
containsIcon?: boolean;
|
|
131
129
|
}
|
|
132
130
|
type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
133
|
-
interface LinkProps extends LinkInnerProps, LinkStylesProps {
|
|
131
|
+
interface LinkProps$1 extends LinkInnerProps, LinkStylesProps {
|
|
134
132
|
cancel?: boolean;
|
|
135
133
|
className?: string;
|
|
136
134
|
style?: object;
|
|
137
135
|
onClick?: (e: MouseEvent) => void;
|
|
138
136
|
href?: string;
|
|
139
137
|
}
|
|
140
|
-
declare const Link$1: FC<LinkProps & AProps>;
|
|
138
|
+
declare const Link$1: FC<LinkProps$1 & AProps>;
|
|
141
139
|
|
|
142
140
|
declare const DocumentWrapper: _storybook_theming.StyledComponent<{
|
|
143
141
|
theme?: _storybook_theming.Theme;
|
|
144
|
-
as?:
|
|
145
|
-
},
|
|
142
|
+
as?: react.ElementType<any>;
|
|
143
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
144
|
+
|
|
145
|
+
declare const supportedLanguages: {
|
|
146
|
+
jsextra: any;
|
|
147
|
+
jsx: any;
|
|
148
|
+
json: any;
|
|
149
|
+
yml: any;
|
|
150
|
+
md: any;
|
|
151
|
+
bash: any;
|
|
152
|
+
css: any;
|
|
153
|
+
html: any;
|
|
154
|
+
tsx: any;
|
|
155
|
+
typescript: any;
|
|
156
|
+
graphql: any;
|
|
157
|
+
};
|
|
158
|
+
declare function createCopyToClipboardFunction(): (text: string) => Promise<void>;
|
|
146
159
|
|
|
147
160
|
interface SyntaxHighlighterRendererProps {
|
|
148
161
|
rows: any[];
|
|
@@ -162,11 +175,12 @@ interface SyntaxHighlighterCustomProps {
|
|
|
162
175
|
}
|
|
163
176
|
type SyntaxHighlighterFormatTypes = boolean | 'dedent' | BuiltInParserName;
|
|
164
177
|
type LineTagPropsFunction = (lineNumber: number) => React.HTMLProps<HTMLElement>;
|
|
178
|
+
type SupportedLanguage = 'text' | keyof typeof supportedLanguages;
|
|
165
179
|
interface SyntaxHighlighterBaseProps {
|
|
166
180
|
children?: React.ReactNode;
|
|
167
181
|
codeTagProps?: React.HTMLProps<HTMLElement>;
|
|
168
182
|
customStyle?: any;
|
|
169
|
-
language?:
|
|
183
|
+
language?: SupportedLanguage;
|
|
170
184
|
lineNumberStyle?: any;
|
|
171
185
|
lineProps?: LineTagPropsFunction | React.HTMLProps<HTMLElement>;
|
|
172
186
|
showLineNumbers?: boolean;
|
|
@@ -177,17 +191,15 @@ interface SyntaxHighlighterBaseProps {
|
|
|
177
191
|
}
|
|
178
192
|
type SyntaxHighlighterProps = SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps;
|
|
179
193
|
|
|
180
|
-
declare const LazySyntaxHighlighter:
|
|
181
|
-
declare const LazySyntaxHighlighterWithFormatter:
|
|
194
|
+
declare const LazySyntaxHighlighter: react__default.LazyExoticComponent<(props: SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps) => react__default.JSX.Element>;
|
|
195
|
+
declare const LazySyntaxHighlighterWithFormatter: react__default.LazyExoticComponent<(props: SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps) => react__default.JSX.Element>;
|
|
182
196
|
declare const SyntaxHighlighter: {
|
|
183
|
-
(props: ComponentProps<typeof LazySyntaxHighlighter> | ComponentProps<typeof LazySyntaxHighlighterWithFormatter>):
|
|
197
|
+
(props: ComponentProps<typeof LazySyntaxHighlighter> | ComponentProps<typeof LazySyntaxHighlighterWithFormatter>): react__default.JSX.Element;
|
|
184
198
|
registerLanguage(name: string, func: any): void;
|
|
185
199
|
};
|
|
186
200
|
|
|
187
|
-
declare function createCopyToClipboardFunction(): (text: string) => Promise<void>;
|
|
188
|
-
|
|
189
201
|
interface ActionItem {
|
|
190
|
-
title: string |
|
|
202
|
+
title: string | ReactElement;
|
|
191
203
|
className?: string;
|
|
192
204
|
onClick: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
193
205
|
disabled?: boolean;
|
|
@@ -198,7 +210,7 @@ interface ActionBarProps {
|
|
|
198
210
|
declare const ActionBar: FC<ActionBarProps>;
|
|
199
211
|
|
|
200
212
|
interface SpacedProps {
|
|
201
|
-
children?:
|
|
213
|
+
children?: react__default.ReactNode;
|
|
202
214
|
col?: number;
|
|
203
215
|
row?: number;
|
|
204
216
|
outer?: number | boolean;
|
|
@@ -206,12 +218,12 @@ interface SpacedProps {
|
|
|
206
218
|
declare const Spaced: FC<SpacedProps>;
|
|
207
219
|
|
|
208
220
|
interface PlaceholderProps {
|
|
209
|
-
children?:
|
|
221
|
+
children?: react__default.ReactNode;
|
|
210
222
|
}
|
|
211
223
|
declare const Placeholder: FunctionComponent<PlaceholderProps>;
|
|
212
224
|
|
|
213
225
|
interface ScrollAreaProps {
|
|
214
|
-
children?:
|
|
226
|
+
children?: react__default.ReactNode;
|
|
215
227
|
horizontal?: boolean;
|
|
216
228
|
vertical?: boolean;
|
|
217
229
|
className?: string;
|
|
@@ -224,7 +236,7 @@ type ZoomProps = {
|
|
|
224
236
|
scale: number;
|
|
225
237
|
children: ReactElement | ReactElement[];
|
|
226
238
|
};
|
|
227
|
-
declare function ZoomElement({ scale, children }: ZoomProps):
|
|
239
|
+
declare function ZoomElement({ scale, children }: ZoomProps): react__default.JSX.Element;
|
|
228
240
|
|
|
229
241
|
type IZoomIFrameProps = {
|
|
230
242
|
scale: number;
|
|
@@ -238,7 +250,7 @@ declare class ZoomIFrame extends Component<IZoomIFrameProps> {
|
|
|
238
250
|
shouldComponentUpdate(nextProps: IZoomIFrameProps): boolean;
|
|
239
251
|
setIframeInnerZoom(scale: number): void;
|
|
240
252
|
setIframeZoom(scale: number): void;
|
|
241
|
-
render():
|
|
253
|
+
render(): react__default.JSX.Element;
|
|
242
254
|
}
|
|
243
255
|
|
|
244
256
|
declare const Zoom: {
|
|
@@ -250,24 +262,37 @@ declare const ErrorFormatter: FC<{
|
|
|
250
262
|
error: Error;
|
|
251
263
|
}>;
|
|
252
264
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
265
|
+
interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
266
|
+
asChild?: boolean;
|
|
267
|
+
size?: 'small' | 'medium';
|
|
268
|
+
padding?: 'small' | 'medium';
|
|
269
|
+
variant?: 'outline' | 'solid' | 'ghost';
|
|
270
|
+
onClick?: (event: SyntheticEvent) => void;
|
|
271
|
+
disabled?: boolean;
|
|
272
|
+
active?: boolean;
|
|
273
|
+
animation?: 'none' | 'rotate360' | 'glow' | 'jiggle';
|
|
274
|
+
/** @deprecated Use {@link asChild} instead */
|
|
257
275
|
isLink?: boolean;
|
|
276
|
+
/** @deprecated Use {@link variant} instead */
|
|
258
277
|
primary?: boolean;
|
|
278
|
+
/** @deprecated Use {@link variant} instead */
|
|
259
279
|
secondary?: boolean;
|
|
280
|
+
/** @deprecated Use {@link variant} instead */
|
|
260
281
|
tertiary?: boolean;
|
|
282
|
+
/** @deprecated Use {@link variant} instead */
|
|
261
283
|
gray?: boolean;
|
|
284
|
+
/** @deprecated Use {@link variant} instead */
|
|
262
285
|
inForm?: boolean;
|
|
263
|
-
|
|
286
|
+
/** @deprecated Use {@link size} instead */
|
|
264
287
|
small?: boolean;
|
|
288
|
+
/** @deprecated Use {@link variant} instead */
|
|
265
289
|
outline?: boolean;
|
|
290
|
+
/** @deprecated Add your icon as a child directly */
|
|
266
291
|
containsIcon?: boolean;
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
declare const
|
|
292
|
+
}
|
|
293
|
+
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps$1 & react__default.RefAttributes<HTMLButtonElement>>;
|
|
294
|
+
|
|
295
|
+
declare const IconButton: react__default.ForwardRefExoticComponent<ButtonProps$1 & react__default.RefAttributes<HTMLButtonElement>>;
|
|
271
296
|
|
|
272
297
|
type Sizes = '100%' | 'flex' | 'auto';
|
|
273
298
|
type Alignments = 'end' | 'center' | 'start';
|
|
@@ -280,15 +305,15 @@ interface FieldProps {
|
|
|
280
305
|
|
|
281
306
|
declare const Form: _storybook_theming.StyledComponent<{
|
|
282
307
|
theme?: _storybook_theming.Theme;
|
|
283
|
-
as?:
|
|
284
|
-
},
|
|
285
|
-
Field:
|
|
286
|
-
Input: _storybook_theming.StyledComponent<
|
|
308
|
+
as?: react.ElementType<any>;
|
|
309
|
+
}, react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}> & {
|
|
310
|
+
Field: react.FC<FieldProps>;
|
|
311
|
+
Input: _storybook_theming.StyledComponent<Omit<Omit<react.HTMLProps<HTMLInputElement>, "align" | "height" | "size" | "valid"> & {
|
|
287
312
|
size?: Sizes;
|
|
288
313
|
align?: Alignments;
|
|
289
314
|
valid?: ValidationStates;
|
|
290
315
|
height?: number;
|
|
291
|
-
}, "
|
|
316
|
+
}, "ref"> & react.RefAttributes<any> & {
|
|
292
317
|
theme?: _storybook_theming.Theme;
|
|
293
318
|
} & {
|
|
294
319
|
size?: Sizes;
|
|
@@ -298,27 +323,27 @@ declare const Form: _storybook_theming.StyledComponent<{
|
|
|
298
323
|
}, {}, {}> & {
|
|
299
324
|
displayName: string;
|
|
300
325
|
};
|
|
301
|
-
Select: _storybook_theming.StyledComponent<Omit<
|
|
326
|
+
Select: _storybook_theming.StyledComponent<Omit<react.SelectHTMLAttributes<HTMLSelectElement>, "align" | "height" | "size" | "valid"> & {
|
|
302
327
|
size?: Sizes;
|
|
303
328
|
align?: Alignments;
|
|
304
329
|
valid?: ValidationStates;
|
|
305
330
|
height?: number;
|
|
306
|
-
} &
|
|
331
|
+
} & react.RefAttributes<any> & {
|
|
307
332
|
theme?: _storybook_theming.Theme;
|
|
308
333
|
}, {}, {}> & {
|
|
309
334
|
displayName: string;
|
|
310
335
|
};
|
|
311
|
-
Textarea: _storybook_theming.StyledComponent<Omit<react_textarea_autosize.TextareaAutosizeProps, "
|
|
336
|
+
Textarea: _storybook_theming.StyledComponent<Omit<react_textarea_autosize.TextareaAutosizeProps, "align" | "height" | "size" | "valid"> & {
|
|
312
337
|
size?: Sizes;
|
|
313
338
|
align?: Alignments;
|
|
314
339
|
valid?: ValidationStates;
|
|
315
340
|
height?: number;
|
|
316
|
-
} &
|
|
341
|
+
} & react.RefAttributes<any> & {
|
|
317
342
|
theme?: _storybook_theming.Theme;
|
|
318
343
|
}, {}, {}> & {
|
|
319
344
|
displayName: string;
|
|
320
345
|
};
|
|
321
|
-
Button:
|
|
346
|
+
Button: react.ForwardRefExoticComponent<ButtonProps$1 & react.RefAttributes<HTMLButtonElement>>;
|
|
322
347
|
};
|
|
323
348
|
|
|
324
349
|
declare const top: "top";
|
|
@@ -551,10 +576,10 @@ declare type PopperOptions = Partial<Options> & {
|
|
|
551
576
|
|
|
552
577
|
declare const TargetContainer: _storybook_theming.StyledComponent<{
|
|
553
578
|
theme?: _storybook_theming.Theme;
|
|
554
|
-
as?:
|
|
579
|
+
as?: react__default.ElementType<any>;
|
|
555
580
|
} & {
|
|
556
581
|
trigger: Config['trigger'];
|
|
557
|
-
},
|
|
582
|
+
}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
558
583
|
interface WithHideFn {
|
|
559
584
|
onHide: () => void;
|
|
560
585
|
}
|
|
@@ -584,13 +609,13 @@ interface WithTooltipPureProps extends Omit<Config, 'closeOnOutsideClick'>, Omit
|
|
|
584
609
|
closeOnOutsideClick?: boolean;
|
|
585
610
|
}
|
|
586
611
|
|
|
587
|
-
declare const LazyWithTooltip:
|
|
612
|
+
declare const LazyWithTooltip: react__default.LazyExoticComponent<react__default.FC<Omit<WithTooltipPureProps, "onVisibleChange"> & {
|
|
588
613
|
startOpen?: boolean;
|
|
589
614
|
onVisibleChange?: (visible: boolean) => boolean | void;
|
|
590
615
|
}>>;
|
|
591
|
-
declare const WithTooltip: (props: ComponentProps<typeof LazyWithTooltip>) =>
|
|
592
|
-
declare const LazyWithTooltipPure:
|
|
593
|
-
declare const WithTooltipPure: (props: ComponentProps<typeof LazyWithTooltipPure>) =>
|
|
616
|
+
declare const WithTooltip: (props: ComponentProps<typeof LazyWithTooltip>) => react__default.JSX.Element;
|
|
617
|
+
declare const LazyWithTooltipPure: react__default.LazyExoticComponent<react__default.FC<WithTooltipPureProps>>;
|
|
618
|
+
declare const WithTooltipPure: (props: ComponentProps<typeof LazyWithTooltipPure>) => react__default.JSX.Element;
|
|
594
619
|
|
|
595
620
|
interface TooltipMessageProps {
|
|
596
621
|
title?: ReactNode;
|
|
@@ -608,236 +633,20 @@ interface TooltipNoteProps {
|
|
|
608
633
|
}
|
|
609
634
|
declare const TooltipNote: FC<TooltipNoteProps>;
|
|
610
635
|
|
|
611
|
-
declare const icons: {
|
|
612
|
-
readonly user: React__default.JSX.Element;
|
|
613
|
-
readonly useralt: React__default.JSX.Element;
|
|
614
|
-
readonly useradd: React__default.JSX.Element;
|
|
615
|
-
readonly users: React__default.JSX.Element;
|
|
616
|
-
readonly profile: React__default.JSX.Element;
|
|
617
|
-
readonly facehappy: React__default.JSX.Element;
|
|
618
|
-
readonly faceneutral: React__default.JSX.Element;
|
|
619
|
-
readonly facesad: React__default.JSX.Element;
|
|
620
|
-
readonly accessibility: React__default.JSX.Element;
|
|
621
|
-
readonly accessibilityalt: React__default.JSX.Element;
|
|
622
|
-
readonly arrowup: React__default.JSX.Element;
|
|
623
|
-
readonly arrowdown: React__default.JSX.Element;
|
|
624
|
-
readonly arrowleft: React__default.JSX.Element;
|
|
625
|
-
readonly arrowright: React__default.JSX.Element;
|
|
626
|
-
readonly arrowupalt: React__default.JSX.Element;
|
|
627
|
-
readonly arrowdownalt: React__default.JSX.Element;
|
|
628
|
-
readonly arrowleftalt: React__default.JSX.Element;
|
|
629
|
-
readonly arrowrightalt: React__default.JSX.Element;
|
|
630
|
-
readonly expandalt: React__default.JSX.Element;
|
|
631
|
-
readonly collapse: React__default.JSX.Element;
|
|
632
|
-
readonly expand: React__default.JSX.Element;
|
|
633
|
-
readonly unfold: React__default.JSX.Element;
|
|
634
|
-
readonly transfer: React__default.JSX.Element;
|
|
635
|
-
readonly redirect: React__default.JSX.Element;
|
|
636
|
-
readonly undo: React__default.JSX.Element;
|
|
637
|
-
readonly reply: React__default.JSX.Element;
|
|
638
|
-
readonly sync: React__default.JSX.Element;
|
|
639
|
-
readonly upload: React__default.JSX.Element;
|
|
640
|
-
readonly download: React__default.JSX.Element;
|
|
641
|
-
readonly back: React__default.JSX.Element;
|
|
642
|
-
readonly proceed: React__default.JSX.Element;
|
|
643
|
-
readonly refresh: React__default.JSX.Element;
|
|
644
|
-
readonly globe: React__default.JSX.Element;
|
|
645
|
-
readonly compass: React__default.JSX.Element;
|
|
646
|
-
readonly location: React__default.JSX.Element;
|
|
647
|
-
readonly pin: React__default.JSX.Element;
|
|
648
|
-
readonly time: React__default.JSX.Element;
|
|
649
|
-
readonly dashboard: React__default.JSX.Element;
|
|
650
|
-
readonly timer: React__default.JSX.Element;
|
|
651
|
-
readonly home: React__default.JSX.Element;
|
|
652
|
-
readonly admin: React__default.JSX.Element;
|
|
653
|
-
readonly info: React__default.JSX.Element;
|
|
654
|
-
readonly question: React__default.JSX.Element;
|
|
655
|
-
readonly support: React__default.JSX.Element;
|
|
656
|
-
readonly alert: React__default.JSX.Element;
|
|
657
|
-
readonly email: React__default.JSX.Element;
|
|
658
|
-
readonly phone: React__default.JSX.Element;
|
|
659
|
-
readonly link: React__default.JSX.Element;
|
|
660
|
-
readonly unlink: React__default.JSX.Element;
|
|
661
|
-
readonly bell: React__default.JSX.Element;
|
|
662
|
-
readonly rss: React__default.JSX.Element;
|
|
663
|
-
readonly sharealt: React__default.JSX.Element;
|
|
664
|
-
readonly share: React__default.JSX.Element;
|
|
665
|
-
readonly circlehollow: React__default.JSX.Element;
|
|
666
|
-
readonly circle: React__default.JSX.Element;
|
|
667
|
-
readonly bookmarkhollow: React__default.JSX.Element;
|
|
668
|
-
readonly bookmark: React__default.JSX.Element;
|
|
669
|
-
readonly hearthollow: React__default.JSX.Element;
|
|
670
|
-
readonly heart: React__default.JSX.Element;
|
|
671
|
-
readonly starhollow: React__default.JSX.Element;
|
|
672
|
-
readonly star: React__default.JSX.Element;
|
|
673
|
-
readonly certificate: React__default.JSX.Element;
|
|
674
|
-
readonly verified: React__default.JSX.Element;
|
|
675
|
-
readonly thumbsup: React__default.JSX.Element;
|
|
676
|
-
readonly shield: React__default.JSX.Element;
|
|
677
|
-
readonly basket: React__default.JSX.Element;
|
|
678
|
-
readonly beaker: React__default.JSX.Element;
|
|
679
|
-
readonly hourglass: React__default.JSX.Element;
|
|
680
|
-
readonly flag: React__default.JSX.Element;
|
|
681
|
-
readonly cloudhollow: React__default.JSX.Element;
|
|
682
|
-
readonly cloud: React__default.JSX.Element;
|
|
683
|
-
readonly edit: React__default.JSX.Element;
|
|
684
|
-
readonly cog: React__default.JSX.Element;
|
|
685
|
-
readonly nut: React__default.JSX.Element;
|
|
686
|
-
readonly wrench: React__default.JSX.Element;
|
|
687
|
-
readonly ellipsis: React__default.JSX.Element;
|
|
688
|
-
readonly check: React__default.JSX.Element;
|
|
689
|
-
readonly form: React__default.JSX.Element;
|
|
690
|
-
readonly batchdeny: React__default.JSX.Element;
|
|
691
|
-
readonly batchaccept: React__default.JSX.Element;
|
|
692
|
-
readonly controls: React__default.JSX.Element;
|
|
693
|
-
readonly plus: React__default.JSX.Element;
|
|
694
|
-
readonly closeAlt: React__default.JSX.Element;
|
|
695
|
-
readonly cross: React__default.JSX.Element;
|
|
696
|
-
readonly trash: React__default.JSX.Element;
|
|
697
|
-
readonly pinalt: React__default.JSX.Element;
|
|
698
|
-
readonly unpin: React__default.JSX.Element;
|
|
699
|
-
readonly add: React__default.JSX.Element;
|
|
700
|
-
readonly subtract: React__default.JSX.Element;
|
|
701
|
-
readonly close: React__default.JSX.Element;
|
|
702
|
-
readonly delete: React__default.JSX.Element;
|
|
703
|
-
readonly passed: React__default.JSX.Element;
|
|
704
|
-
readonly changed: React__default.JSX.Element;
|
|
705
|
-
readonly failed: React__default.JSX.Element;
|
|
706
|
-
readonly clear: React__default.JSX.Element;
|
|
707
|
-
readonly comment: React__default.JSX.Element;
|
|
708
|
-
readonly commentadd: React__default.JSX.Element;
|
|
709
|
-
readonly requestchange: React__default.JSX.Element;
|
|
710
|
-
readonly comments: React__default.JSX.Element;
|
|
711
|
-
readonly lock: React__default.JSX.Element;
|
|
712
|
-
readonly unlock: React__default.JSX.Element;
|
|
713
|
-
readonly key: React__default.JSX.Element;
|
|
714
|
-
readonly outbox: React__default.JSX.Element;
|
|
715
|
-
readonly credit: React__default.JSX.Element;
|
|
716
|
-
readonly button: React__default.JSX.Element;
|
|
717
|
-
readonly type: React__default.JSX.Element;
|
|
718
|
-
readonly pointerdefault: React__default.JSX.Element;
|
|
719
|
-
readonly pointerhand: React__default.JSX.Element;
|
|
720
|
-
readonly browser: React__default.JSX.Element;
|
|
721
|
-
readonly tablet: React__default.JSX.Element;
|
|
722
|
-
readonly mobile: React__default.JSX.Element;
|
|
723
|
-
readonly watch: React__default.JSX.Element;
|
|
724
|
-
readonly sidebar: React__default.JSX.Element;
|
|
725
|
-
readonly sidebaralt: React__default.JSX.Element;
|
|
726
|
-
readonly sidebaralttoggle: React__default.JSX.Element;
|
|
727
|
-
readonly sidebartoggle: React__default.JSX.Element;
|
|
728
|
-
readonly bottombar: React__default.JSX.Element;
|
|
729
|
-
readonly bottombartoggle: React__default.JSX.Element;
|
|
730
|
-
readonly cpu: React__default.JSX.Element;
|
|
731
|
-
readonly database: React__default.JSX.Element;
|
|
732
|
-
readonly memory: React__default.JSX.Element;
|
|
733
|
-
readonly structure: React__default.JSX.Element;
|
|
734
|
-
readonly box: React__default.JSX.Element;
|
|
735
|
-
readonly power: React__default.JSX.Element;
|
|
736
|
-
readonly photo: React__default.JSX.Element;
|
|
737
|
-
readonly component: React__default.JSX.Element;
|
|
738
|
-
readonly grid: React__default.JSX.Element;
|
|
739
|
-
readonly outline: React__default.JSX.Element;
|
|
740
|
-
readonly photodrag: React__default.JSX.Element;
|
|
741
|
-
readonly search: React__default.JSX.Element;
|
|
742
|
-
readonly zoom: React__default.JSX.Element;
|
|
743
|
-
readonly zoomout: React__default.JSX.Element;
|
|
744
|
-
readonly zoomreset: React__default.JSX.Element;
|
|
745
|
-
readonly eye: React__default.JSX.Element;
|
|
746
|
-
readonly eyeclose: React__default.JSX.Element;
|
|
747
|
-
readonly lightning: React__default.JSX.Element;
|
|
748
|
-
readonly lightningoff: React__default.JSX.Element;
|
|
749
|
-
readonly contrast: React__default.JSX.Element;
|
|
750
|
-
readonly switchalt: React__default.JSX.Element;
|
|
751
|
-
readonly mirror: React__default.JSX.Element;
|
|
752
|
-
readonly grow: React__default.JSX.Element;
|
|
753
|
-
readonly paintbrush: React__default.JSX.Element;
|
|
754
|
-
readonly ruler: React__default.JSX.Element;
|
|
755
|
-
readonly stop: React__default.JSX.Element;
|
|
756
|
-
readonly camera: React__default.JSX.Element;
|
|
757
|
-
readonly video: React__default.JSX.Element;
|
|
758
|
-
readonly speaker: React__default.JSX.Element;
|
|
759
|
-
readonly play: React__default.JSX.Element;
|
|
760
|
-
readonly playback: React__default.JSX.Element;
|
|
761
|
-
readonly playnext: React__default.JSX.Element;
|
|
762
|
-
readonly rewind: React__default.JSX.Element;
|
|
763
|
-
readonly fastforward: React__default.JSX.Element;
|
|
764
|
-
readonly stopalt: React__default.JSX.Element;
|
|
765
|
-
readonly sidebyside: React__default.JSX.Element;
|
|
766
|
-
readonly stacked: React__default.JSX.Element;
|
|
767
|
-
readonly sun: React__default.JSX.Element;
|
|
768
|
-
readonly moon: React__default.JSX.Element;
|
|
769
|
-
readonly book: React__default.JSX.Element;
|
|
770
|
-
readonly document: React__default.JSX.Element;
|
|
771
|
-
readonly copy: React__default.JSX.Element;
|
|
772
|
-
readonly category: React__default.JSX.Element;
|
|
773
|
-
readonly folder: React__default.JSX.Element;
|
|
774
|
-
readonly print: React__default.JSX.Element;
|
|
775
|
-
readonly graphline: React__default.JSX.Element;
|
|
776
|
-
readonly calendar: React__default.JSX.Element;
|
|
777
|
-
readonly graphbar: React__default.JSX.Element;
|
|
778
|
-
readonly menu: React__default.JSX.Element;
|
|
779
|
-
readonly menualt: React__default.JSX.Element;
|
|
780
|
-
readonly filter: React__default.JSX.Element;
|
|
781
|
-
readonly docchart: React__default.JSX.Element;
|
|
782
|
-
readonly doclist: React__default.JSX.Element;
|
|
783
|
-
readonly markup: React__default.JSX.Element;
|
|
784
|
-
readonly bold: React__default.JSX.Element;
|
|
785
|
-
readonly italic: React__default.JSX.Element;
|
|
786
|
-
readonly paperclip: React__default.JSX.Element;
|
|
787
|
-
readonly listordered: React__default.JSX.Element;
|
|
788
|
-
readonly listunordered: React__default.JSX.Element;
|
|
789
|
-
readonly paragraph: React__default.JSX.Element;
|
|
790
|
-
readonly markdown: React__default.JSX.Element;
|
|
791
|
-
readonly repository: React__default.JSX.Element;
|
|
792
|
-
readonly commit: React__default.JSX.Element;
|
|
793
|
-
readonly branch: React__default.JSX.Element;
|
|
794
|
-
readonly pullrequest: React__default.JSX.Element;
|
|
795
|
-
readonly merge: React__default.JSX.Element;
|
|
796
|
-
readonly apple: React__default.JSX.Element;
|
|
797
|
-
readonly linux: React__default.JSX.Element;
|
|
798
|
-
readonly ubuntu: React__default.JSX.Element;
|
|
799
|
-
readonly windows: React__default.JSX.Element;
|
|
800
|
-
readonly storybook: React__default.JSX.Element;
|
|
801
|
-
readonly azuredevops: React__default.JSX.Element;
|
|
802
|
-
readonly bitbucket: React__default.JSX.Element;
|
|
803
|
-
readonly chrome: React__default.JSX.Element;
|
|
804
|
-
readonly chromatic: React__default.JSX.Element;
|
|
805
|
-
readonly componentdriven: React__default.JSX.Element;
|
|
806
|
-
readonly discord: React__default.JSX.Element;
|
|
807
|
-
readonly facebook: React__default.JSX.Element;
|
|
808
|
-
readonly figma: React__default.JSX.Element;
|
|
809
|
-
readonly gdrive: React__default.JSX.Element;
|
|
810
|
-
readonly github: React__default.JSX.Element;
|
|
811
|
-
readonly gitlab: React__default.JSX.Element;
|
|
812
|
-
readonly google: React__default.JSX.Element;
|
|
813
|
-
readonly graphql: React__default.JSX.Element;
|
|
814
|
-
readonly medium: React__default.JSX.Element;
|
|
815
|
-
readonly redux: React__default.JSX.Element;
|
|
816
|
-
readonly twitter: React__default.JSX.Element;
|
|
817
|
-
readonly youtube: React__default.JSX.Element;
|
|
818
|
-
readonly vscode: React__default.JSX.Element;
|
|
819
|
-
};
|
|
820
|
-
type IconKey = keyof typeof icons;
|
|
821
|
-
|
|
822
636
|
interface ItemProps {
|
|
823
637
|
disabled?: boolean;
|
|
824
638
|
}
|
|
825
639
|
declare const Item: _storybook_theming.StyledComponent<{
|
|
826
640
|
theme?: _storybook_theming.Theme;
|
|
827
|
-
as?:
|
|
828
|
-
} & ItemProps,
|
|
641
|
+
as?: react__default.ElementType<any>;
|
|
642
|
+
} & ItemProps, react__default.DetailedHTMLProps<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
829
643
|
type LinkWrapperType = FC<any>;
|
|
830
644
|
interface ListItemProps extends Omit<ComponentProps<typeof Item>, 'href' | 'title'> {
|
|
831
645
|
loading?: boolean;
|
|
832
|
-
/**
|
|
833
|
-
* @deprecated This property will be removed in SB 8.0
|
|
834
|
-
* Use `icon` property instead.
|
|
835
|
-
*/
|
|
836
|
-
left?: ReactNode;
|
|
837
646
|
title?: ReactNode;
|
|
838
647
|
center?: ReactNode;
|
|
839
648
|
right?: ReactNode;
|
|
840
|
-
icon?:
|
|
649
|
+
icon?: ReactNode;
|
|
841
650
|
active?: boolean;
|
|
842
651
|
disabled?: boolean;
|
|
843
652
|
href?: string;
|
|
@@ -859,18 +668,18 @@ declare const TooltipLinkList: FC<TooltipLinkListProps>;
|
|
|
859
668
|
|
|
860
669
|
declare const TabBar: _storybook_theming.StyledComponent<{
|
|
861
670
|
theme?: _storybook_theming.Theme;
|
|
862
|
-
as?:
|
|
863
|
-
},
|
|
671
|
+
as?: react__default.ElementType<any>;
|
|
672
|
+
}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
864
673
|
interface TabWrapperProps {
|
|
865
674
|
active: boolean;
|
|
866
|
-
render?: () =>
|
|
675
|
+
render?: () => ReactElement;
|
|
867
676
|
children?: ReactNode;
|
|
868
677
|
}
|
|
869
678
|
declare const TabWrapper: FC<TabWrapperProps>;
|
|
870
679
|
interface TabsProps {
|
|
871
680
|
children?: ReactElement<{
|
|
872
|
-
children: FC<Addon_RenderOptions>;
|
|
873
|
-
title: ReactNode | FC
|
|
681
|
+
children: FC<Addon_RenderOptions & PropsWithChildren>;
|
|
682
|
+
title: ReactNode | FC<PropsWithChildren>;
|
|
874
683
|
}>[];
|
|
875
684
|
id?: string;
|
|
876
685
|
tools?: ReactNode;
|
|
@@ -901,14 +710,14 @@ declare class TabsState extends Component<TabsStateProps, TabsStateState> {
|
|
|
901
710
|
handlers: {
|
|
902
711
|
onSelect: (id: string) => void;
|
|
903
712
|
};
|
|
904
|
-
render():
|
|
713
|
+
render(): react__default.JSX.Element;
|
|
905
714
|
}
|
|
906
715
|
|
|
907
|
-
interface
|
|
908
|
-
href?:
|
|
909
|
-
target?:
|
|
716
|
+
interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
|
717
|
+
href?: never;
|
|
718
|
+
target?: never;
|
|
910
719
|
}
|
|
911
|
-
interface
|
|
720
|
+
interface LinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
|
|
912
721
|
disabled?: void;
|
|
913
722
|
href: string;
|
|
914
723
|
}
|
|
@@ -916,30 +725,25 @@ interface TabButtonProps {
|
|
|
916
725
|
active?: boolean;
|
|
917
726
|
textColor?: string;
|
|
918
727
|
}
|
|
919
|
-
declare const TabButton: _storybook_theming.StyledComponent<
|
|
920
|
-
theme?: _storybook_theming.Theme;
|
|
921
|
-
} & TabButtonProps, {}, {}>;
|
|
922
|
-
interface IconButtonProps {
|
|
923
|
-
active?: boolean;
|
|
924
|
-
disabled?: boolean;
|
|
925
|
-
}
|
|
926
|
-
declare const IconButton: _storybook_theming.StyledComponent<Pick<BarButtonProps | BarLinkProps, "href" | "target" | "type" | "slot" | "style" | "title" | "className" | "color" | "content" | "translate" | "hidden" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "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" | "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" | "disabled" | "key"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
728
|
+
declare const TabButton: _storybook_theming.StyledComponent<(((Omit<ButtonProps, "ref"> & RefAttributes<HTMLButtonElement>) | (Omit<LinkProps, "ref"> & RefAttributes<HTMLAnchorElement>)) & {
|
|
927
729
|
theme?: _storybook_theming.Theme;
|
|
928
|
-
} &
|
|
929
|
-
|
|
730
|
+
}) & TabButtonProps, {}, {}>;
|
|
731
|
+
/**
|
|
732
|
+
* @deprecated
|
|
733
|
+
* This component will be removed in Storybook 9.0
|
|
734
|
+
* */
|
|
735
|
+
declare const IconButtonSkeleton: FC;
|
|
930
736
|
|
|
931
737
|
declare const Separator: _storybook_theming.StyledComponent<{
|
|
932
738
|
theme?: _storybook_theming.Theme;
|
|
933
|
-
as?:
|
|
934
|
-
} & SeparatorProps,
|
|
739
|
+
as?: react__default.ElementType<any>;
|
|
740
|
+
} & SeparatorProps, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
935
741
|
declare const interleaveSeparators: (list: any[]) => any;
|
|
936
742
|
interface SeparatorProps {
|
|
937
743
|
force?: boolean;
|
|
938
744
|
}
|
|
939
745
|
|
|
940
746
|
declare const Bar: _storybook_theming.StyledComponent<ScrollAreaProps & {
|
|
941
|
-
children?: React__default.ReactNode;
|
|
942
|
-
} & {
|
|
943
747
|
scrollable?: boolean;
|
|
944
748
|
} & {
|
|
945
749
|
theme?: _storybook_theming.Theme;
|
|
@@ -957,22 +761,238 @@ interface AddonPanelProps {
|
|
|
957
761
|
active: boolean;
|
|
958
762
|
children: ReactNode;
|
|
959
763
|
}
|
|
960
|
-
declare const AddonPanel: ({ active, children }: AddonPanelProps) =>
|
|
764
|
+
declare const AddonPanel: ({ active, children }: AddonPanelProps) => react__default.JSX.Element;
|
|
961
765
|
|
|
766
|
+
type IconType = keyof typeof icons;
|
|
962
767
|
declare const Svg: _storybook_theming.StyledComponent<{
|
|
963
768
|
theme?: _storybook_theming.Theme;
|
|
964
|
-
as?:
|
|
965
|
-
},
|
|
769
|
+
as?: react__default.ElementType<any>;
|
|
770
|
+
}, react__default.SVGProps<SVGSVGElement>, {}>;
|
|
966
771
|
interface IconsProps extends ComponentProps<typeof Svg> {
|
|
967
772
|
icon: IconType;
|
|
968
773
|
useSymbol?: boolean;
|
|
774
|
+
onClick?: () => void;
|
|
969
775
|
}
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
776
|
+
/**
|
|
777
|
+
* @deprecated No longer used, will be removed in Storybook 9.0
|
|
778
|
+
* Please use the `@storybook/icons` package instead.
|
|
779
|
+
* */
|
|
780
|
+
declare const Icons: FC<IconsProps>;
|
|
781
|
+
interface SymbolsProps {
|
|
782
|
+
icons?: IconType[];
|
|
974
783
|
}
|
|
975
|
-
|
|
784
|
+
/**
|
|
785
|
+
* @deprecated No longer used, will be removed in Storybook 9.0
|
|
786
|
+
* Please use the `@storybook/icons` package instead.
|
|
787
|
+
* */
|
|
788
|
+
declare const Symbols: react__default.NamedExoticComponent<SymbolsProps>;
|
|
789
|
+
declare const icons: {
|
|
790
|
+
readonly user: "UserIcon";
|
|
791
|
+
readonly useralt: "UserAltIcon";
|
|
792
|
+
readonly useradd: "UserAddIcon";
|
|
793
|
+
readonly users: "UsersIcon";
|
|
794
|
+
readonly profile: "ProfileIcon";
|
|
795
|
+
readonly facehappy: "FaceHappyIcon";
|
|
796
|
+
readonly faceneutral: "FaceNeutralIcon";
|
|
797
|
+
readonly facesad: "FaceSadIcon";
|
|
798
|
+
readonly accessibility: "AccessibilityIcon";
|
|
799
|
+
readonly accessibilityalt: "AccessibilityAltIcon";
|
|
800
|
+
readonly arrowup: "ChevronUpIcon";
|
|
801
|
+
readonly arrowdown: "ChevronDownIcon";
|
|
802
|
+
readonly arrowleft: "ChevronLeftIcon";
|
|
803
|
+
readonly arrowright: "ChevronRightIcon";
|
|
804
|
+
readonly arrowupalt: "ArrowUpIcon";
|
|
805
|
+
readonly arrowdownalt: "ArrowDownIcon";
|
|
806
|
+
readonly arrowleftalt: "ArrowLeftIcon";
|
|
807
|
+
readonly arrowrightalt: "ArrowRightIcon";
|
|
808
|
+
readonly expandalt: "ExpandAltIcon";
|
|
809
|
+
readonly collapse: "CollapseIcon";
|
|
810
|
+
readonly expand: "ExpandIcon";
|
|
811
|
+
readonly unfold: "UnfoldIcon";
|
|
812
|
+
readonly transfer: "TransferIcon";
|
|
813
|
+
readonly redirect: "RedirectIcon";
|
|
814
|
+
readonly undo: "UndoIcon";
|
|
815
|
+
readonly reply: "ReplyIcon";
|
|
816
|
+
readonly sync: "SyncIcon";
|
|
817
|
+
readonly upload: "UploadIcon";
|
|
818
|
+
readonly download: "DownloadIcon";
|
|
819
|
+
readonly back: "BackIcon";
|
|
820
|
+
readonly proceed: "ProceedIcon";
|
|
821
|
+
readonly refresh: "RefreshIcon";
|
|
822
|
+
readonly globe: "GlobeIcon";
|
|
823
|
+
readonly compass: "CompassIcon";
|
|
824
|
+
readonly location: "LocationIcon";
|
|
825
|
+
readonly pin: "PinIcon";
|
|
826
|
+
readonly time: "TimeIcon";
|
|
827
|
+
readonly dashboard: "DashboardIcon";
|
|
828
|
+
readonly timer: "TimerIcon";
|
|
829
|
+
readonly home: "HomeIcon";
|
|
830
|
+
readonly admin: "AdminIcon";
|
|
831
|
+
readonly info: "InfoIcon";
|
|
832
|
+
readonly question: "QuestionIcon";
|
|
833
|
+
readonly support: "SupportIcon";
|
|
834
|
+
readonly alert: "AlertIcon";
|
|
835
|
+
readonly email: "EmailIcon";
|
|
836
|
+
readonly phone: "PhoneIcon";
|
|
837
|
+
readonly link: "LinkIcon";
|
|
838
|
+
readonly unlink: "LinkBrokenIcon";
|
|
839
|
+
readonly bell: "BellIcon";
|
|
840
|
+
readonly rss: "RSSIcon";
|
|
841
|
+
readonly sharealt: "ShareAltIcon";
|
|
842
|
+
readonly share: "ShareIcon";
|
|
843
|
+
readonly circle: "CircleIcon";
|
|
844
|
+
readonly circlehollow: "CircleHollowIcon";
|
|
845
|
+
readonly bookmarkhollow: "BookmarkHollowIcon";
|
|
846
|
+
readonly bookmark: "BookmarkIcon";
|
|
847
|
+
readonly hearthollow: "HeartHollowIcon";
|
|
848
|
+
readonly heart: "HeartIcon";
|
|
849
|
+
readonly starhollow: "StarHollowIcon";
|
|
850
|
+
readonly star: "StarIcon";
|
|
851
|
+
readonly certificate: "CertificateIcon";
|
|
852
|
+
readonly verified: "VerifiedIcon";
|
|
853
|
+
readonly thumbsup: "ThumbsUpIcon";
|
|
854
|
+
readonly shield: "ShieldIcon";
|
|
855
|
+
readonly basket: "BasketIcon";
|
|
856
|
+
readonly beaker: "BeakerIcon";
|
|
857
|
+
readonly hourglass: "HourglassIcon";
|
|
858
|
+
readonly flag: "FlagIcon";
|
|
859
|
+
readonly cloudhollow: "CloudHollowIcon";
|
|
860
|
+
readonly edit: "EditIcon";
|
|
861
|
+
readonly cog: "CogIcon";
|
|
862
|
+
readonly nut: "NutIcon";
|
|
863
|
+
readonly wrench: "WrenchIcon";
|
|
864
|
+
readonly ellipsis: "EllipsisIcon";
|
|
865
|
+
readonly check: "CheckIcon";
|
|
866
|
+
readonly form: "FormIcon";
|
|
867
|
+
readonly batchdeny: "BatchDenyIcon";
|
|
868
|
+
readonly batchaccept: "BatchAcceptIcon";
|
|
869
|
+
readonly controls: "ControlsIcon";
|
|
870
|
+
readonly plus: "PlusIcon";
|
|
871
|
+
readonly closeAlt: "CloseAltIcon";
|
|
872
|
+
readonly cross: "CrossIcon";
|
|
873
|
+
readonly trash: "TrashIcon";
|
|
874
|
+
readonly pinalt: "PinAltIcon";
|
|
875
|
+
readonly unpin: "UnpinIcon";
|
|
876
|
+
readonly add: "AddIcon";
|
|
877
|
+
readonly subtract: "SubtractIcon";
|
|
878
|
+
readonly close: "CloseIcon";
|
|
879
|
+
readonly delete: "DeleteIcon";
|
|
880
|
+
readonly passed: "PassedIcon";
|
|
881
|
+
readonly changed: "ChangedIcon";
|
|
882
|
+
readonly failed: "FailedIcon";
|
|
883
|
+
readonly clear: "ClearIcon";
|
|
884
|
+
readonly comment: "CommentIcon";
|
|
885
|
+
readonly commentadd: "CommentAddIcon";
|
|
886
|
+
readonly requestchange: "RequestChangeIcon";
|
|
887
|
+
readonly comments: "CommentsIcon";
|
|
888
|
+
readonly lock: "LockIcon";
|
|
889
|
+
readonly unlock: "UnlockIcon";
|
|
890
|
+
readonly key: "KeyIcon";
|
|
891
|
+
readonly outbox: "OutboxIcon";
|
|
892
|
+
readonly credit: "CreditIcon";
|
|
893
|
+
readonly button: "ButtonIcon";
|
|
894
|
+
readonly type: "TypeIcon";
|
|
895
|
+
readonly pointerdefault: "PointerDefaultIcon";
|
|
896
|
+
readonly pointerhand: "PointerHandIcon";
|
|
897
|
+
readonly browser: "BrowserIcon";
|
|
898
|
+
readonly tablet: "TabletIcon";
|
|
899
|
+
readonly mobile: "MobileIcon";
|
|
900
|
+
readonly watch: "WatchIcon";
|
|
901
|
+
readonly sidebar: "SidebarIcon";
|
|
902
|
+
readonly sidebaralt: "SidebarAltIcon";
|
|
903
|
+
readonly sidebaralttoggle: "SidebarAltToggleIcon";
|
|
904
|
+
readonly sidebartoggle: "SidebarToggleIcon";
|
|
905
|
+
readonly bottombar: "BottomBarIcon";
|
|
906
|
+
readonly bottombartoggle: "BottomBarToggleIcon";
|
|
907
|
+
readonly cpu: "CPUIcon";
|
|
908
|
+
readonly database: "DatabaseIcon";
|
|
909
|
+
readonly memory: "MemoryIcon";
|
|
910
|
+
readonly structure: "StructureIcon";
|
|
911
|
+
readonly box: "BoxIcon";
|
|
912
|
+
readonly power: "PowerIcon";
|
|
913
|
+
readonly photo: "PhotoIcon";
|
|
914
|
+
readonly component: "ComponentIcon";
|
|
915
|
+
readonly grid: "GridIcon";
|
|
916
|
+
readonly outline: "OutlineIcon";
|
|
917
|
+
readonly photodrag: "PhotoDragIcon";
|
|
918
|
+
readonly search: "SearchIcon";
|
|
919
|
+
readonly zoom: "ZoomIcon";
|
|
920
|
+
readonly zoomout: "ZoomOutIcon";
|
|
921
|
+
readonly zoomreset: "ZoomResetIcon";
|
|
922
|
+
readonly eye: "EyeIcon";
|
|
923
|
+
readonly eyeclose: "EyeCloseIcon";
|
|
924
|
+
readonly lightning: "LightningIcon";
|
|
925
|
+
readonly lightningoff: "LightningOffIcon";
|
|
926
|
+
readonly contrast: "ContrastIcon";
|
|
927
|
+
readonly switchalt: "SwitchAltIcon";
|
|
928
|
+
readonly mirror: "MirrorIcon";
|
|
929
|
+
readonly grow: "GrowIcon";
|
|
930
|
+
readonly paintbrush: "PaintBrushIcon";
|
|
931
|
+
readonly ruler: "RulerIcon";
|
|
932
|
+
readonly stop: "StopIcon";
|
|
933
|
+
readonly camera: "CameraIcon";
|
|
934
|
+
readonly video: "VideoIcon";
|
|
935
|
+
readonly speaker: "SpeakerIcon";
|
|
936
|
+
readonly play: "PlayIcon";
|
|
937
|
+
readonly playback: "PlayBackIcon";
|
|
938
|
+
readonly playnext: "PlayNextIcon";
|
|
939
|
+
readonly rewind: "RewindIcon";
|
|
940
|
+
readonly fastforward: "FastForwardIcon";
|
|
941
|
+
readonly stopalt: "StopAltIcon";
|
|
942
|
+
readonly sidebyside: "SideBySideIcon";
|
|
943
|
+
readonly stacked: "StackedIcon";
|
|
944
|
+
readonly sun: "SunIcon";
|
|
945
|
+
readonly moon: "MoonIcon";
|
|
946
|
+
readonly book: "BookIcon";
|
|
947
|
+
readonly document: "DocumentIcon";
|
|
948
|
+
readonly copy: "CopyIcon";
|
|
949
|
+
readonly category: "CategoryIcon";
|
|
950
|
+
readonly folder: "FolderIcon";
|
|
951
|
+
readonly print: "PrintIcon";
|
|
952
|
+
readonly graphline: "GraphLineIcon";
|
|
953
|
+
readonly calendar: "CalendarIcon";
|
|
954
|
+
readonly graphbar: "GraphBarIcon";
|
|
955
|
+
readonly menu: "MenuIcon";
|
|
956
|
+
readonly menualt: "MenuIcon";
|
|
957
|
+
readonly filter: "FilterIcon";
|
|
958
|
+
readonly docchart: "DocChartIcon";
|
|
959
|
+
readonly doclist: "DocListIcon";
|
|
960
|
+
readonly markup: "MarkupIcon";
|
|
961
|
+
readonly bold: "BoldIcon";
|
|
962
|
+
readonly paperclip: "PaperClipIcon";
|
|
963
|
+
readonly listordered: "ListOrderedIcon";
|
|
964
|
+
readonly listunordered: "ListUnorderedIcon";
|
|
965
|
+
readonly paragraph: "ParagraphIcon";
|
|
966
|
+
readonly markdown: "MarkdownIcon";
|
|
967
|
+
readonly repository: "RepoIcon";
|
|
968
|
+
readonly commit: "CommitIcon";
|
|
969
|
+
readonly branch: "BranchIcon";
|
|
970
|
+
readonly pullrequest: "PullRequestIcon";
|
|
971
|
+
readonly merge: "MergeIcon";
|
|
972
|
+
readonly apple: "AppleIcon";
|
|
973
|
+
readonly linux: "LinuxIcon";
|
|
974
|
+
readonly ubuntu: "UbuntuIcon";
|
|
975
|
+
readonly windows: "WindowsIcon";
|
|
976
|
+
readonly storybook: "StorybookIcon";
|
|
977
|
+
readonly azuredevops: "AzureDevOpsIcon";
|
|
978
|
+
readonly bitbucket: "BitbucketIcon";
|
|
979
|
+
readonly chrome: "ChromeIcon";
|
|
980
|
+
readonly chromatic: "ChromaticIcon";
|
|
981
|
+
readonly componentdriven: "ComponentDrivenIcon";
|
|
982
|
+
readonly discord: "DiscordIcon";
|
|
983
|
+
readonly facebook: "FacebookIcon";
|
|
984
|
+
readonly figma: "FigmaIcon";
|
|
985
|
+
readonly gdrive: "GDriveIcon";
|
|
986
|
+
readonly github: "GithubIcon";
|
|
987
|
+
readonly gitlab: "GitlabIcon";
|
|
988
|
+
readonly google: "GoogleIcon";
|
|
989
|
+
readonly graphql: "GraphqlIcon";
|
|
990
|
+
readonly medium: "MediumIcon";
|
|
991
|
+
readonly redux: "ReduxIcon";
|
|
992
|
+
readonly twitter: "TwitterIcon";
|
|
993
|
+
readonly youtube: "YoutubeIcon";
|
|
994
|
+
readonly vscode: "VSCodeIcon";
|
|
995
|
+
};
|
|
976
996
|
|
|
977
997
|
declare const StorybookLogo: FC<{
|
|
978
998
|
alt: string;
|
|
@@ -982,8 +1002,8 @@ declare const StorybookIcon: FC;
|
|
|
982
1002
|
|
|
983
1003
|
declare const ProgressWrapper: _storybook_theming.StyledComponent<{
|
|
984
1004
|
theme?: _storybook_theming.Theme;
|
|
985
|
-
as?:
|
|
986
|
-
},
|
|
1005
|
+
as?: react__default.ElementType<any>;
|
|
1006
|
+
}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
987
1007
|
interface Progress {
|
|
988
1008
|
value: number;
|
|
989
1009
|
message: string;
|
|
@@ -1016,8 +1036,8 @@ declare const nameSpaceClassNames: ({ ...props }: {
|
|
|
1016
1036
|
*/
|
|
1017
1037
|
declare const ResetWrapper: _storybook_theming.StyledComponent<{
|
|
1018
1038
|
theme?: _storybook_theming.Theme;
|
|
1019
|
-
as?:
|
|
1020
|
-
},
|
|
1039
|
+
as?: react.ElementType<any>;
|
|
1040
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1021
1041
|
|
|
1022
1042
|
declare const codeCommon: ({ theme }: {
|
|
1023
1043
|
theme: Theme;
|
|
@@ -1029,32 +1049,32 @@ declare const withReset: ({ theme }: {
|
|
|
1029
1049
|
interface ClipboardCodeProps {
|
|
1030
1050
|
code: string;
|
|
1031
1051
|
}
|
|
1032
|
-
declare const ClipboardCode: ({ code, ...props }: ClipboardCodeProps) =>
|
|
1052
|
+
declare const ClipboardCode: ({ code, ...props }: ClipboardCodeProps) => react__default.JSX.Element;
|
|
1033
1053
|
|
|
1034
1054
|
declare const components: {
|
|
1035
|
-
h1: (props:
|
|
1036
|
-
h2: (props:
|
|
1037
|
-
h3: (props:
|
|
1038
|
-
h4: (props:
|
|
1039
|
-
h5: (props:
|
|
1040
|
-
h6: (props:
|
|
1041
|
-
pre: (props:
|
|
1042
|
-
a: (props:
|
|
1043
|
-
hr: (props:
|
|
1044
|
-
dl: (props:
|
|
1045
|
-
blockquote: (props:
|
|
1046
|
-
table: (props:
|
|
1047
|
-
img: (props:
|
|
1048
|
-
div: (props:
|
|
1049
|
-
span: (props:
|
|
1050
|
-
li: (props:
|
|
1051
|
-
ul: (props:
|
|
1052
|
-
ol: (props:
|
|
1053
|
-
p: (props:
|
|
1054
|
-
code: (props:
|
|
1055
|
-
tt: (props:
|
|
1056
|
-
resetwrapper: (props:
|
|
1055
|
+
h1: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
|
|
1056
|
+
h2: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
|
|
1057
|
+
h3: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
|
|
1058
|
+
h4: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
|
|
1059
|
+
h5: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
|
|
1060
|
+
h6: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
|
|
1061
|
+
pre: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>) => react.JSX.Element;
|
|
1062
|
+
a: (props: react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => react.JSX.Element;
|
|
1063
|
+
hr: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>) => react.JSX.Element;
|
|
1064
|
+
dl: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDListElement>, HTMLDListElement>) => react.JSX.Element;
|
|
1065
|
+
blockquote: (props: react.DetailedHTMLProps<react.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>) => react.JSX.Element;
|
|
1066
|
+
table: (props: react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>) => react.JSX.Element;
|
|
1067
|
+
img: (props: react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => react.JSX.Element;
|
|
1068
|
+
div: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react.JSX.Element;
|
|
1069
|
+
span: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react.JSX.Element;
|
|
1070
|
+
li: (props: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react.JSX.Element;
|
|
1071
|
+
ul: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react.JSX.Element;
|
|
1072
|
+
ol: (props: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react.JSX.Element;
|
|
1073
|
+
p: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => react.JSX.Element;
|
|
1074
|
+
code: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>) => react.JSX.Element;
|
|
1075
|
+
tt: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>) => react.JSX.Element;
|
|
1076
|
+
resetwrapper: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react.JSX.Element;
|
|
1057
1077
|
};
|
|
1058
1078
|
declare const resetComponents: Record<string, ElementType>;
|
|
1059
1079
|
|
|
1060
|
-
export { A, ActionBar, ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, IconsProps, Img, LI, Link$1 as Link, ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter, SyntaxHighlighterFormatTypes, SyntaxHighlighterProps, SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };
|
|
1080
|
+
export { A, ActionBar, ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, IconsProps, Img, LI, Link$1 as Link, ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, SupportedLanguage, Symbols, SyntaxHighlighter, SyntaxHighlighterFormatTypes, SyntaxHighlighterProps, SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };
|