@storybook/components 7.6.0 → 8.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/{WithTooltip-V3YHNWJZ.mjs → WithTooltip-NOAEENDF.mjs} +1 -1
  2. package/dist/{chunk-NE5YGCQB.mjs → chunk-3ZODHCS2.mjs} +1 -1
  3. package/dist/chunk-FSO3CX6D.mjs +29 -0
  4. package/dist/index.d.ts +369 -363
  5. package/dist/index.js +19 -20
  6. package/dist/index.mjs +23 -20
  7. package/dist/{syntaxhighlighter-V7JZZA35.mjs → syntaxhighlighter-QNFLNKBO.mjs} +1 -1
  8. package/package.json +7 -8
  9. package/dist/chunk-ELLS3HSY.mjs +0 -28
package/dist/index.d.ts CHANGED
@@ -1,119 +1,117 @@
1
- import * as React$1 from 'react';
2
- import React__default, { ComponentProps, FC, AnchorHTMLAttributes, MouseEvent, ReactNode, FunctionComponent, ReactElement, Component, RefObject, SyntheticEvent, DetailedHTMLProps, ButtonHTMLAttributes, ElementType } from 'react';
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<React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
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?: React$1.ElementType<any>;
18
- }, React$1.DetailedHTMLProps<React$1.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, {}>;
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?: React__default.ElementType<any>;
23
- }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
24
- declare const Code: ({ className, children, ...props }: ComponentProps<typeof DefaultCodeBlock>) => React__default.JSX.Element;
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?: React$1.ElementType<any>;
29
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
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?: React$1.ElementType<any>;
34
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}>;
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?: React$1.ElementType<any>;
39
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
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?: React$1.ElementType<any>;
44
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
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?: React$1.ElementType<any>;
49
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
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?: React$1.ElementType<any>;
54
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
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?: React$1.ElementType<any>;
59
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
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?: React$1.ElementType<any>;
64
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
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?: React$1.ElementType<any>;
69
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
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?: React$1.ElementType<any>;
74
- }, React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
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?: React$1.ElementType<any>;
79
- }, React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
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?: React$1.ElementType<any>;
84
- }, React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}>;
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?: React$1.ElementType<any>;
89
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
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?: React$1.ElementType<any>;
94
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;
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?: React$1.ElementType<any>;
99
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
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?: React$1.ElementType<any>;
104
- }, React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
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?: React$1.ElementType<any>;
109
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, {}>;
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?: React$1.ElementType<any>;
114
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
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,19 @@ 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?: React$1.ElementType<any>;
145
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
142
+ as?: react.ElementType<any>;
143
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
146
144
 
147
145
  interface SyntaxHighlighterRendererProps {
148
146
  rows: any[];
@@ -177,17 +175,17 @@ interface SyntaxHighlighterBaseProps {
177
175
  }
178
176
  type SyntaxHighlighterProps = SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps;
179
177
 
180
- declare const LazySyntaxHighlighter: React__default.LazyExoticComponent<(props: SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps) => React__default.JSX.Element>;
181
- declare const LazySyntaxHighlighterWithFormatter: React__default.LazyExoticComponent<(props: SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps) => React__default.JSX.Element>;
178
+ declare const LazySyntaxHighlighter: react__default.LazyExoticComponent<(props: SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps) => react__default.JSX.Element>;
179
+ declare const LazySyntaxHighlighterWithFormatter: react__default.LazyExoticComponent<(props: SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps) => react__default.JSX.Element>;
182
180
  declare const SyntaxHighlighter: {
183
- (props: ComponentProps<typeof LazySyntaxHighlighter> | ComponentProps<typeof LazySyntaxHighlighterWithFormatter>): React__default.JSX.Element;
181
+ (props: ComponentProps<typeof LazySyntaxHighlighter> | ComponentProps<typeof LazySyntaxHighlighterWithFormatter>): react__default.JSX.Element;
184
182
  registerLanguage(name: string, func: any): void;
185
183
  };
186
184
 
187
185
  declare function createCopyToClipboardFunction(): (text: string) => Promise<void>;
188
186
 
189
187
  interface ActionItem {
190
- title: string | JSX.Element;
188
+ title: string | ReactElement;
191
189
  className?: string;
192
190
  onClick: (e: MouseEvent<HTMLButtonElement>) => void;
193
191
  disabled?: boolean;
@@ -198,7 +196,7 @@ interface ActionBarProps {
198
196
  declare const ActionBar: FC<ActionBarProps>;
199
197
 
200
198
  interface SpacedProps {
201
- children?: React__default.ReactNode;
199
+ children?: react__default.ReactNode;
202
200
  col?: number;
203
201
  row?: number;
204
202
  outer?: number | boolean;
@@ -206,12 +204,12 @@ interface SpacedProps {
206
204
  declare const Spaced: FC<SpacedProps>;
207
205
 
208
206
  interface PlaceholderProps {
209
- children?: React__default.ReactNode;
207
+ children?: react__default.ReactNode;
210
208
  }
211
209
  declare const Placeholder: FunctionComponent<PlaceholderProps>;
212
210
 
213
211
  interface ScrollAreaProps {
214
- children?: React__default.ReactNode;
212
+ children?: react__default.ReactNode;
215
213
  horizontal?: boolean;
216
214
  vertical?: boolean;
217
215
  className?: string;
@@ -224,7 +222,7 @@ type ZoomProps = {
224
222
  scale: number;
225
223
  children: ReactElement | ReactElement[];
226
224
  };
227
- declare function ZoomElement({ scale, children }: ZoomProps): React__default.JSX.Element;
225
+ declare function ZoomElement({ scale, children }: ZoomProps): react__default.JSX.Element;
228
226
 
229
227
  type IZoomIFrameProps = {
230
228
  scale: number;
@@ -238,7 +236,7 @@ declare class ZoomIFrame extends Component<IZoomIFrameProps> {
238
236
  shouldComponentUpdate(nextProps: IZoomIFrameProps): boolean;
239
237
  setIframeInnerZoom(scale: number): void;
240
238
  setIframeZoom(scale: number): void;
241
- render(): React__default.JSX.Element;
239
+ render(): react__default.JSX.Element;
242
240
  }
243
241
 
244
242
  declare const Zoom: {
@@ -250,24 +248,37 @@ declare const ErrorFormatter: FC<{
250
248
  error: Error;
251
249
  }>;
252
250
 
253
- declare const ButtonWrapper: _storybook_theming.StyledComponent<{
254
- theme?: _storybook_theming.Theme;
255
- as?: React__default.ElementType<any>;
256
- } & {
251
+ interface ButtonProps$1 extends ButtonHTMLAttributes<HTMLButtonElement> {
252
+ asChild?: boolean;
253
+ size?: 'small' | 'medium';
254
+ padding?: 'small' | 'medium';
255
+ variant?: 'outline' | 'solid' | 'ghost';
256
+ onClick?: (event: SyntheticEvent) => void;
257
+ disabled?: boolean;
258
+ active?: boolean;
259
+ animation?: 'none' | 'rotate360' | 'glow' | 'jiggle';
260
+ /** @deprecated Use {@link asChild} instead */
257
261
  isLink?: boolean;
262
+ /** @deprecated Use {@link variant} instead */
258
263
  primary?: boolean;
264
+ /** @deprecated Use {@link variant} instead */
259
265
  secondary?: boolean;
266
+ /** @deprecated Use {@link variant} instead */
260
267
  tertiary?: boolean;
268
+ /** @deprecated Use {@link variant} instead */
261
269
  gray?: boolean;
270
+ /** @deprecated Use {@link variant} instead */
262
271
  inForm?: boolean;
263
- disabled?: boolean;
272
+ /** @deprecated Use {@link size} instead */
264
273
  small?: boolean;
274
+ /** @deprecated Use {@link variant} instead */
265
275
  outline?: boolean;
276
+ /** @deprecated Add your icon as a child directly */
266
277
  containsIcon?: boolean;
267
- children?: ReactNode;
268
- href?: string;
269
- }, React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
270
- declare const Button: FC<ComponentProps<typeof ButtonWrapper>>;
278
+ }
279
+ declare const Button: react__default.ForwardRefExoticComponent<ButtonProps$1 & react__default.RefAttributes<HTMLButtonElement>>;
280
+
281
+ declare const IconButton: react__default.ForwardRefExoticComponent<ButtonProps$1 & react__default.RefAttributes<HTMLButtonElement>>;
271
282
 
272
283
  type Sizes = '100%' | 'flex' | 'auto';
273
284
  type Alignments = 'end' | 'center' | 'start';
@@ -280,15 +291,15 @@ interface FieldProps {
280
291
 
281
292
  declare const Form: _storybook_theming.StyledComponent<{
282
293
  theme?: _storybook_theming.Theme;
283
- as?: React$1.ElementType<any>;
284
- }, React$1.DetailedHTMLProps<React$1.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}> & {
285
- Field: React$1.FC<FieldProps>;
286
- Input: _storybook_theming.StyledComponent<Pick<Omit<React$1.HTMLProps<HTMLInputElement>, "height" | "align" | "size" | "valid"> & {
294
+ as?: react.ElementType<any>;
295
+ }, react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}> & {
296
+ Field: react.FC<FieldProps>;
297
+ Input: _storybook_theming.StyledComponent<Omit<Omit<react.HTMLProps<HTMLInputElement>, "align" | "height" | "size" | "valid"> & {
287
298
  size?: Sizes;
288
299
  align?: Alignments;
289
300
  valid?: ValidationStates;
290
301
  height?: number;
291
- }, "download" | "href" | "hrefLang" | "media" | "target" | "type" | "form" | "list" | "cite" | "cellPadding" | "cellSpacing" | "summary" | "width" | "alt" | "crossOrigin" | "height" | "sizes" | "src" | "srcSet" | "useMap" | "value" | "reversed" | "start" | "data" | "label" | "slot" | "span" | "style" | "title" | "pattern" | "className" | "color" | "content" | "translate" | "default" | "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" | "rows" | "align" | "as" | "size" | "wrap" | "open" | "multiple" | "max" | "method" | "min" | "name" | "controls" | "step" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "valid" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "async" | "autoComplete" | "autoPlay" | "capture" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "wmode"> & React$1.RefAttributes<any> & {
302
+ }, "ref"> & react.RefAttributes<any> & {
292
303
  theme?: _storybook_theming.Theme;
293
304
  } & {
294
305
  size?: Sizes;
@@ -298,27 +309,27 @@ declare const Form: _storybook_theming.StyledComponent<{
298
309
  }, {}, {}> & {
299
310
  displayName: string;
300
311
  };
301
- Select: _storybook_theming.StyledComponent<Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "height" | "align" | "size" | "valid"> & {
312
+ Select: _storybook_theming.StyledComponent<Omit<react.SelectHTMLAttributes<HTMLSelectElement>, "align" | "height" | "size" | "valid"> & {
302
313
  size?: Sizes;
303
314
  align?: Alignments;
304
315
  valid?: ValidationStates;
305
316
  height?: number;
306
- } & React$1.RefAttributes<any> & {
317
+ } & react.RefAttributes<any> & {
307
318
  theme?: _storybook_theming.Theme;
308
319
  }, {}, {}> & {
309
320
  displayName: string;
310
321
  };
311
- Textarea: _storybook_theming.StyledComponent<Omit<react_textarea_autosize.TextareaAutosizeProps, "height" | "align" | "size" | "valid"> & {
322
+ Textarea: _storybook_theming.StyledComponent<Omit<react_textarea_autosize.TextareaAutosizeProps, "align" | "height" | "size" | "valid"> & {
312
323
  size?: Sizes;
313
324
  align?: Alignments;
314
325
  valid?: ValidationStates;
315
326
  height?: number;
316
- } & React$1.RefAttributes<any> & {
327
+ } & react.RefAttributes<any> & {
317
328
  theme?: _storybook_theming.Theme;
318
329
  }, {}, {}> & {
319
330
  displayName: string;
320
331
  };
321
- Button: React$1.FC<any>;
332
+ Button: react.ForwardRefExoticComponent<ButtonProps$1 & react.RefAttributes<HTMLButtonElement>>;
322
333
  };
323
334
 
324
335
  declare const top: "top";
@@ -551,10 +562,10 @@ declare type PopperOptions = Partial<Options> & {
551
562
 
552
563
  declare const TargetContainer: _storybook_theming.StyledComponent<{
553
564
  theme?: _storybook_theming.Theme;
554
- as?: React__default.ElementType<any>;
565
+ as?: react__default.ElementType<any>;
555
566
  } & {
556
567
  trigger: Config['trigger'];
557
- }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
568
+ }, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
558
569
  interface WithHideFn {
559
570
  onHide: () => void;
560
571
  }
@@ -584,13 +595,13 @@ interface WithTooltipPureProps extends Omit<Config, 'closeOnOutsideClick'>, Omit
584
595
  closeOnOutsideClick?: boolean;
585
596
  }
586
597
 
587
- declare const LazyWithTooltip: React__default.LazyExoticComponent<React__default.FC<Omit<WithTooltipPureProps, "onVisibleChange"> & {
598
+ declare const LazyWithTooltip: react__default.LazyExoticComponent<react__default.FC<Omit<WithTooltipPureProps, "onVisibleChange"> & {
588
599
  startOpen?: boolean;
589
600
  onVisibleChange?: (visible: boolean) => boolean | void;
590
601
  }>>;
591
- declare const WithTooltip: (props: ComponentProps<typeof LazyWithTooltip>) => React__default.JSX.Element;
592
- declare const LazyWithTooltipPure: React__default.LazyExoticComponent<React__default.FC<WithTooltipPureProps>>;
593
- declare const WithTooltipPure: (props: ComponentProps<typeof LazyWithTooltipPure>) => React__default.JSX.Element;
602
+ declare const WithTooltip: (props: ComponentProps<typeof LazyWithTooltip>) => react__default.JSX.Element;
603
+ declare const LazyWithTooltipPure: react__default.LazyExoticComponent<react__default.FC<WithTooltipPureProps>>;
604
+ declare const WithTooltipPure: (props: ComponentProps<typeof LazyWithTooltipPure>) => react__default.JSX.Element;
594
605
 
595
606
  interface TooltipMessageProps {
596
607
  title?: ReactNode;
@@ -608,236 +619,20 @@ interface TooltipNoteProps {
608
619
  }
609
620
  declare const TooltipNote: FC<TooltipNoteProps>;
610
621
 
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
622
  interface ItemProps {
823
623
  disabled?: boolean;
824
624
  }
825
625
  declare const Item: _storybook_theming.StyledComponent<{
826
626
  theme?: _storybook_theming.Theme;
827
- as?: React__default.ElementType<any>;
828
- } & ItemProps, React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
627
+ as?: react__default.ElementType<any>;
628
+ } & ItemProps, react__default.DetailedHTMLProps<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
829
629
  type LinkWrapperType = FC<any>;
830
630
  interface ListItemProps extends Omit<ComponentProps<typeof Item>, 'href' | 'title'> {
831
631
  loading?: boolean;
832
- /**
833
- * @deprecated This property will be removed in SB 8.0
834
- * Use `icon` property instead.
835
- */
836
- left?: ReactNode;
837
632
  title?: ReactNode;
838
633
  center?: ReactNode;
839
634
  right?: ReactNode;
840
- icon?: keyof typeof icons | ReactElement;
635
+ icon?: ReactNode;
841
636
  active?: boolean;
842
637
  disabled?: boolean;
843
638
  href?: string;
@@ -859,18 +654,18 @@ declare const TooltipLinkList: FC<TooltipLinkListProps>;
859
654
 
860
655
  declare const TabBar: _storybook_theming.StyledComponent<{
861
656
  theme?: _storybook_theming.Theme;
862
- as?: React__default.ElementType<any>;
863
- }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
657
+ as?: react__default.ElementType<any>;
658
+ }, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
864
659
  interface TabWrapperProps {
865
660
  active: boolean;
866
- render?: () => JSX.Element;
661
+ render?: () => ReactElement;
867
662
  children?: ReactNode;
868
663
  }
869
664
  declare const TabWrapper: FC<TabWrapperProps>;
870
665
  interface TabsProps {
871
666
  children?: ReactElement<{
872
- children: FC<Addon_RenderOptions>;
873
- title: ReactNode | FC;
667
+ children: FC<Addon_RenderOptions & PropsWithChildren>;
668
+ title: ReactNode | FC<PropsWithChildren>;
874
669
  }>[];
875
670
  id?: string;
876
671
  tools?: ReactNode;
@@ -901,14 +696,14 @@ declare class TabsState extends Component<TabsStateProps, TabsStateState> {
901
696
  handlers: {
902
697
  onSelect: (id: string) => void;
903
698
  };
904
- render(): React__default.JSX.Element;
699
+ render(): react__default.JSX.Element;
905
700
  }
906
701
 
907
- interface BarButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
908
- href?: void;
909
- target?: void;
702
+ interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
703
+ href?: never;
704
+ target?: never;
910
705
  }
911
- interface BarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
706
+ interface LinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
912
707
  disabled?: void;
913
708
  href: string;
914
709
  }
@@ -916,30 +711,25 @@ interface TabButtonProps {
916
711
  active?: boolean;
917
712
  textColor?: string;
918
713
  }
919
- declare const TabButton: _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> & {
714
+ declare const TabButton: _storybook_theming.StyledComponent<(((Omit<ButtonProps, "ref"> & RefAttributes<HTMLButtonElement>) | (Omit<LinkProps, "ref"> & RefAttributes<HTMLAnchorElement>)) & {
920
715
  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> & {
927
- theme?: _storybook_theming.Theme;
928
- } & IconButtonProps, {}, {}>;
929
- declare const IconButtonSkeleton: () => React__default.JSX.Element;
716
+ }) & TabButtonProps, {}, {}>;
717
+ /**
718
+ * @deprecated
719
+ * This component will be removed in Storybook 9.0
720
+ * */
721
+ declare const IconButtonSkeleton: FC;
930
722
 
931
723
  declare const Separator: _storybook_theming.StyledComponent<{
932
724
  theme?: _storybook_theming.Theme;
933
- as?: React__default.ElementType<any>;
934
- } & SeparatorProps, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
725
+ as?: react__default.ElementType<any>;
726
+ } & SeparatorProps, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
935
727
  declare const interleaveSeparators: (list: any[]) => any;
936
728
  interface SeparatorProps {
937
729
  force?: boolean;
938
730
  }
939
731
 
940
732
  declare const Bar: _storybook_theming.StyledComponent<ScrollAreaProps & {
941
- children?: React__default.ReactNode;
942
- } & {
943
733
  scrollable?: boolean;
944
734
  } & {
945
735
  theme?: _storybook_theming.Theme;
@@ -957,22 +747,238 @@ interface AddonPanelProps {
957
747
  active: boolean;
958
748
  children: ReactNode;
959
749
  }
960
- declare const AddonPanel: ({ active, children }: AddonPanelProps) => React__default.JSX.Element;
750
+ declare const AddonPanel: ({ active, children }: AddonPanelProps) => react__default.JSX.Element;
961
751
 
752
+ type IconType = keyof typeof icons;
962
753
  declare const Svg: _storybook_theming.StyledComponent<{
963
754
  theme?: _storybook_theming.Theme;
964
- as?: React__default.ElementType<any>;
965
- }, React__default.SVGProps<SVGSVGElement>, {}>;
755
+ as?: react__default.ElementType<any>;
756
+ }, react__default.SVGProps<SVGSVGElement>, {}>;
966
757
  interface IconsProps extends ComponentProps<typeof Svg> {
967
758
  icon: IconType;
968
759
  useSymbol?: boolean;
760
+ onClick?: () => void;
969
761
  }
970
- declare const Icons: FunctionComponent<IconsProps>;
971
- type IconType = keyof typeof icons;
972
- interface SymbolsProps extends ComponentProps<typeof Svg> {
973
- icons?: IconKey[];
762
+ /**
763
+ * @deprecated No longer used, will be removed in Storybook 9.0
764
+ * Please use the `@storybook/icons` package instead.
765
+ * */
766
+ declare const Icons: FC<IconsProps>;
767
+ interface SymbolsProps {
768
+ icons?: IconType[];
974
769
  }
975
- declare const Symbols: React__default.NamedExoticComponent<SymbolsProps>;
770
+ /**
771
+ * @deprecated No longer used, will be removed in Storybook 9.0
772
+ * Please use the `@storybook/icons` package instead.
773
+ * */
774
+ declare const Symbols: react__default.NamedExoticComponent<SymbolsProps>;
775
+ declare const icons: {
776
+ readonly user: "UserIcon";
777
+ readonly useralt: "UserAltIcon";
778
+ readonly useradd: "UserAddIcon";
779
+ readonly users: "UsersIcon";
780
+ readonly profile: "ProfileIcon";
781
+ readonly facehappy: "FaceHappyIcon";
782
+ readonly faceneutral: "FaceNeutralIcon";
783
+ readonly facesad: "FaceSadIcon";
784
+ readonly accessibility: "AccessibilityIcon";
785
+ readonly accessibilityalt: "AccessibilityAltIcon";
786
+ readonly arrowup: "ChevronUpIcon";
787
+ readonly arrowdown: "ChevronDownIcon";
788
+ readonly arrowleft: "ChevronLeftIcon";
789
+ readonly arrowright: "ChevronRightIcon";
790
+ readonly arrowupalt: "ArrowUpIcon";
791
+ readonly arrowdownalt: "ArrowDownIcon";
792
+ readonly arrowleftalt: "ArrowLeftIcon";
793
+ readonly arrowrightalt: "ArrowRightIcon";
794
+ readonly expandalt: "ExpandAltIcon";
795
+ readonly collapse: "CollapseIcon";
796
+ readonly expand: "ExpandIcon";
797
+ readonly unfold: "UnfoldIcon";
798
+ readonly transfer: "TransferIcon";
799
+ readonly redirect: "RedirectIcon";
800
+ readonly undo: "UndoIcon";
801
+ readonly reply: "ReplyIcon";
802
+ readonly sync: "SyncIcon";
803
+ readonly upload: "UploadIcon";
804
+ readonly download: "DownloadIcon";
805
+ readonly back: "BackIcon";
806
+ readonly proceed: "ProceedIcon";
807
+ readonly refresh: "RefreshIcon";
808
+ readonly globe: "GlobeIcon";
809
+ readonly compass: "CompassIcon";
810
+ readonly location: "LocationIcon";
811
+ readonly pin: "PinIcon";
812
+ readonly time: "TimeIcon";
813
+ readonly dashboard: "DashboardIcon";
814
+ readonly timer: "TimerIcon";
815
+ readonly home: "HomeIcon";
816
+ readonly admin: "AdminIcon";
817
+ readonly info: "InfoIcon";
818
+ readonly question: "QuestionIcon";
819
+ readonly support: "SupportIcon";
820
+ readonly alert: "AlertIcon";
821
+ readonly email: "EmailIcon";
822
+ readonly phone: "PhoneIcon";
823
+ readonly link: "LinkIcon";
824
+ readonly unlink: "LinkBrokenIcon";
825
+ readonly bell: "BellIcon";
826
+ readonly rss: "RSSIcon";
827
+ readonly sharealt: "ShareAltIcon";
828
+ readonly share: "ShareIcon";
829
+ readonly circle: "CircleIcon";
830
+ readonly circlehollow: "CircleHollowIcon";
831
+ readonly bookmarkhollow: "BookmarkHollowIcon";
832
+ readonly bookmark: "BookmarkIcon";
833
+ readonly hearthollow: "HeartHollowIcon";
834
+ readonly heart: "HeartIcon";
835
+ readonly starhollow: "StarHollowIcon";
836
+ readonly star: "StarIcon";
837
+ readonly certificate: "CertificateIcon";
838
+ readonly verified: "VerifiedIcon";
839
+ readonly thumbsup: "ThumbsUpIcon";
840
+ readonly shield: "ShieldIcon";
841
+ readonly basket: "BasketIcon";
842
+ readonly beaker: "BeakerIcon";
843
+ readonly hourglass: "HourglassIcon";
844
+ readonly flag: "FlagIcon";
845
+ readonly cloudhollow: "CloudHollowIcon";
846
+ readonly edit: "EditIcon";
847
+ readonly cog: "CogIcon";
848
+ readonly nut: "NutIcon";
849
+ readonly wrench: "WrenchIcon";
850
+ readonly ellipsis: "EllipsisIcon";
851
+ readonly check: "CheckIcon";
852
+ readonly form: "FormIcon";
853
+ readonly batchdeny: "BatchDenyIcon";
854
+ readonly batchaccept: "BatchAcceptIcon";
855
+ readonly controls: "ControlsIcon";
856
+ readonly plus: "PlusIcon";
857
+ readonly closeAlt: "CloseAltIcon";
858
+ readonly cross: "CrossIcon";
859
+ readonly trash: "TrashIcon";
860
+ readonly pinalt: "PinAltIcon";
861
+ readonly unpin: "UnpinIcon";
862
+ readonly add: "AddIcon";
863
+ readonly subtract: "SubtractIcon";
864
+ readonly close: "CloseIcon";
865
+ readonly delete: "DeleteIcon";
866
+ readonly passed: "PassedIcon";
867
+ readonly changed: "ChangedIcon";
868
+ readonly failed: "FailedIcon";
869
+ readonly clear: "ClearIcon";
870
+ readonly comment: "CommentIcon";
871
+ readonly commentadd: "CommentAddIcon";
872
+ readonly requestchange: "RequestChangeIcon";
873
+ readonly comments: "CommentsIcon";
874
+ readonly lock: "LockIcon";
875
+ readonly unlock: "UnlockIcon";
876
+ readonly key: "KeyIcon";
877
+ readonly outbox: "OutboxIcon";
878
+ readonly credit: "CreditIcon";
879
+ readonly button: "ButtonIcon";
880
+ readonly type: "TypeIcon";
881
+ readonly pointerdefault: "PointerDefaultIcon";
882
+ readonly pointerhand: "PointerHandIcon";
883
+ readonly browser: "BrowserIcon";
884
+ readonly tablet: "TabletIcon";
885
+ readonly mobile: "MobileIcon";
886
+ readonly watch: "WatchIcon";
887
+ readonly sidebar: "SidebarIcon";
888
+ readonly sidebaralt: "SidebarAltIcon";
889
+ readonly sidebaralttoggle: "SidebarAltToggleIcon";
890
+ readonly sidebartoggle: "SidebarToggleIcon";
891
+ readonly bottombar: "BottomBarIcon";
892
+ readonly bottombartoggle: "BottomBarToggleIcon";
893
+ readonly cpu: "CPUIcon";
894
+ readonly database: "DatabaseIcon";
895
+ readonly memory: "MemoryIcon";
896
+ readonly structure: "StructureIcon";
897
+ readonly box: "BoxIcon";
898
+ readonly power: "PowerIcon";
899
+ readonly photo: "PhotoIcon";
900
+ readonly component: "ComponentIcon";
901
+ readonly grid: "GridIcon";
902
+ readonly outline: "OutlineIcon";
903
+ readonly photodrag: "PhotoDragIcon";
904
+ readonly search: "SearchIcon";
905
+ readonly zoom: "ZoomIcon";
906
+ readonly zoomout: "ZoomOutIcon";
907
+ readonly zoomreset: "ZoomResetIcon";
908
+ readonly eye: "EyeIcon";
909
+ readonly eyeclose: "EyeCloseIcon";
910
+ readonly lightning: "LightningIcon";
911
+ readonly lightningoff: "LightningOffIcon";
912
+ readonly contrast: "ContrastIcon";
913
+ readonly switchalt: "SwitchAltIcon";
914
+ readonly mirror: "MirrorIcon";
915
+ readonly grow: "GrowIcon";
916
+ readonly paintbrush: "PaintBrushIcon";
917
+ readonly ruler: "RulerIcon";
918
+ readonly stop: "StopIcon";
919
+ readonly camera: "CameraIcon";
920
+ readonly video: "VideoIcon";
921
+ readonly speaker: "SpeakerIcon";
922
+ readonly play: "PlayIcon";
923
+ readonly playback: "PlayBackIcon";
924
+ readonly playnext: "PlayNextIcon";
925
+ readonly rewind: "RewindIcon";
926
+ readonly fastforward: "FastForwardIcon";
927
+ readonly stopalt: "StopAltIcon";
928
+ readonly sidebyside: "SideBySideIcon";
929
+ readonly stacked: "StackedIcon";
930
+ readonly sun: "SunIcon";
931
+ readonly moon: "MoonIcon";
932
+ readonly book: "BookIcon";
933
+ readonly document: "DocumentIcon";
934
+ readonly copy: "CopyIcon";
935
+ readonly category: "CategoryIcon";
936
+ readonly folder: "FolderIcon";
937
+ readonly print: "PrintIcon";
938
+ readonly graphline: "GraphLineIcon";
939
+ readonly calendar: "CalendarIcon";
940
+ readonly graphbar: "GraphBarIcon";
941
+ readonly menu: "MenuIcon";
942
+ readonly menualt: "MenuIcon";
943
+ readonly filter: "FilterIcon";
944
+ readonly docchart: "DocChartIcon";
945
+ readonly doclist: "DocListIcon";
946
+ readonly markup: "MarkupIcon";
947
+ readonly bold: "BoldIcon";
948
+ readonly paperclip: "PaperClipIcon";
949
+ readonly listordered: "ListOrderedIcon";
950
+ readonly listunordered: "ListUnorderedIcon";
951
+ readonly paragraph: "ParagraphIcon";
952
+ readonly markdown: "MarkdownIcon";
953
+ readonly repository: "RepoIcon";
954
+ readonly commit: "CommitIcon";
955
+ readonly branch: "BranchIcon";
956
+ readonly pullrequest: "PullRequestIcon";
957
+ readonly merge: "MergeIcon";
958
+ readonly apple: "AppleIcon";
959
+ readonly linux: "LinuxIcon";
960
+ readonly ubuntu: "UbuntuIcon";
961
+ readonly windows: "WindowsIcon";
962
+ readonly storybook: "StorybookIcon";
963
+ readonly azuredevops: "AzureDevOpsIcon";
964
+ readonly bitbucket: "BitbucketIcon";
965
+ readonly chrome: "ChromeIcon";
966
+ readonly chromatic: "ChromaticIcon";
967
+ readonly componentdriven: "ComponentDrivenIcon";
968
+ readonly discord: "DiscordIcon";
969
+ readonly facebook: "FacebookIcon";
970
+ readonly figma: "FigmaIcon";
971
+ readonly gdrive: "GDriveIcon";
972
+ readonly github: "GithubIcon";
973
+ readonly gitlab: "GitlabIcon";
974
+ readonly google: "GoogleIcon";
975
+ readonly graphql: "GraphqlIcon";
976
+ readonly medium: "MediumIcon";
977
+ readonly redux: "ReduxIcon";
978
+ readonly twitter: "TwitterIcon";
979
+ readonly youtube: "YoutubeIcon";
980
+ readonly vscode: "VSCodeIcon";
981
+ };
976
982
 
977
983
  declare const StorybookLogo: FC<{
978
984
  alt: string;
@@ -982,8 +988,8 @@ declare const StorybookIcon: FC;
982
988
 
983
989
  declare const ProgressWrapper: _storybook_theming.StyledComponent<{
984
990
  theme?: _storybook_theming.Theme;
985
- as?: React__default.ElementType<any>;
986
- }, React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
991
+ as?: react__default.ElementType<any>;
992
+ }, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
987
993
  interface Progress {
988
994
  value: number;
989
995
  message: string;
@@ -1016,8 +1022,8 @@ declare const nameSpaceClassNames: ({ ...props }: {
1016
1022
  */
1017
1023
  declare const ResetWrapper: _storybook_theming.StyledComponent<{
1018
1024
  theme?: _storybook_theming.Theme;
1019
- as?: React$1.ElementType<any>;
1020
- }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
1025
+ as?: react.ElementType<any>;
1026
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
1021
1027
 
1022
1028
  declare const codeCommon: ({ theme }: {
1023
1029
  theme: Theme;
@@ -1029,31 +1035,31 @@ declare const withReset: ({ theme }: {
1029
1035
  interface ClipboardCodeProps {
1030
1036
  code: string;
1031
1037
  }
1032
- declare const ClipboardCode: ({ code, ...props }: ClipboardCodeProps) => React__default.JSX.Element;
1038
+ declare const ClipboardCode: ({ code, ...props }: ClipboardCodeProps) => react__default.JSX.Element;
1033
1039
 
1034
1040
  declare const components: {
1035
- h1: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => React$1.JSX.Element;
1036
- h2: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => React$1.JSX.Element;
1037
- h3: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => React$1.JSX.Element;
1038
- h4: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => React$1.JSX.Element;
1039
- h5: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => React$1.JSX.Element;
1040
- h6: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => React$1.JSX.Element;
1041
- pre: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLPreElement>, HTMLPreElement>) => React$1.JSX.Element;
1042
- a: (props: React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => React$1.JSX.Element;
1043
- hr: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHRElement>, HTMLHRElement>) => React$1.JSX.Element;
1044
- dl: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDListElement>, HTMLDListElement>) => React$1.JSX.Element;
1045
- blockquote: (props: React$1.DetailedHTMLProps<React$1.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>) => React$1.JSX.Element;
1046
- table: (props: React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>) => React$1.JSX.Element;
1047
- img: (props: React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => React$1.JSX.Element;
1048
- div: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React$1.JSX.Element;
1049
- span: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => React$1.JSX.Element;
1050
- li: (props: React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => React$1.JSX.Element;
1051
- ul: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => React$1.JSX.Element;
1052
- ol: (props: React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => React$1.JSX.Element;
1053
- p: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => React$1.JSX.Element;
1054
- code: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>) => React$1.JSX.Element;
1055
- tt: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>) => React$1.JSX.Element;
1056
- resetwrapper: (props: React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React$1.JSX.Element;
1041
+ h1: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
1042
+ h2: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
1043
+ h3: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
1044
+ h4: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
1045
+ h5: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
1046
+ h6: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => react.JSX.Element;
1047
+ pre: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>) => react.JSX.Element;
1048
+ a: (props: react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => react.JSX.Element;
1049
+ hr: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>) => react.JSX.Element;
1050
+ dl: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDListElement>, HTMLDListElement>) => react.JSX.Element;
1051
+ blockquote: (props: react.DetailedHTMLProps<react.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>) => react.JSX.Element;
1052
+ table: (props: react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>) => react.JSX.Element;
1053
+ img: (props: react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => react.JSX.Element;
1054
+ div: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react.JSX.Element;
1055
+ span: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => react.JSX.Element;
1056
+ li: (props: react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => react.JSX.Element;
1057
+ ul: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>) => react.JSX.Element;
1058
+ ol: (props: react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>) => react.JSX.Element;
1059
+ p: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => react.JSX.Element;
1060
+ code: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>) => react.JSX.Element;
1061
+ tt: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>) => react.JSX.Element;
1062
+ resetwrapper: (props: react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => react.JSX.Element;
1057
1063
  };
1058
1064
  declare const resetComponents: Record<string, ElementType>;
1059
1065