react-magma-dom 3.2.1 → 3.5.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 (37) hide show
  1. package/dist/components/Alert/index.d.ts +4 -0
  2. package/dist/components/AlertBase/index.d.ts +2 -0
  3. package/dist/components/Banner/index.d.ts +4 -0
  4. package/dist/components/CharacterCounter/CharacterCounter.d.ts +12 -0
  5. package/dist/components/CharacterCounter/CharacterCounter.stories.d.ts +16 -0
  6. package/dist/components/FormFieldContainer/FormFieldContainer.d.ts +12 -0
  7. package/dist/components/Grid/Grid.d.ts +12 -0
  8. package/dist/components/Heading/index.d.ts +5 -1
  9. package/dist/components/Input/Input.stories.d.ts +322 -1
  10. package/dist/components/Input/InputMessage.d.ts +1 -1
  11. package/dist/components/InputBase/index.d.ts +18 -0
  12. package/dist/components/Pagination/Pagination.d.ts +17 -1
  13. package/dist/components/Pagination/Pagination.stories.d.ts +3 -1
  14. package/dist/components/Pagination/SimplePagination.d.ts +2 -0
  15. package/dist/components/PasswordInput/index.d.ts +5 -0
  16. package/dist/components/Select/shared.d.ts +1 -0
  17. package/dist/components/Table/Table.stories.d.ts +9 -0
  18. package/dist/components/Table/TablePagination.d.ts +6 -0
  19. package/dist/components/Textarea/Textarea.stories.d.ts +3 -1
  20. package/dist/components/Textarea/index.d.ts +1 -1
  21. package/dist/components/Toast/Toast.stories.d.ts +0 -9
  22. package/dist/components/ToggleButton/ToggleButton.d.ts +66 -0
  23. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +1135 -0
  24. package/dist/components/ToggleButton/index.d.ts +1 -0
  25. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +53 -0
  26. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +556 -0
  27. package/dist/components/ToggleButtonGroup/index.d.ts +1 -0
  28. package/dist/esm/index.js +1700 -1241
  29. package/dist/esm/index.js.map +1 -1
  30. package/dist/i18n/interface.d.ts +7 -0
  31. package/dist/index.d.ts +3 -1
  32. package/dist/properties.json +949 -91
  33. package/dist/react-magma-dom.cjs.development.js +1706 -1061
  34. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  35. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  36. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  37. package/package.json +1 -1
package/dist/components/ToggleButton/ToggleButton.stories.d.ts ADDED
@@ -0,0 +1,1135 @@
1
+ import React from 'react';
2
+ import { ButtonSize } from '../Button';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
4
+ export default _default;
5
+ export declare const Icon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ({} & import("./ToggleButton").ToggleButtonIconProps) | ({
6
+ icon?: never;
7
+ } & import("./ToggleButton").ToggleButtonTextProps)>;
8
+ export declare const Text: {
9
+ (args: any): JSX.Element;
10
+ args: {
11
+ 'aria-label'?: string;
12
+ disabled?: boolean;
13
+ icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
14
+ isChecked?: boolean;
15
+ isInverse?: boolean;
16
+ size?: ButtonSize;
17
+ value?: string;
18
+ theme?: import("../..").ThemeInterface;
19
+ testId?: string;
20
+ type?: import("../Button").ButtonType;
21
+ autoFocus?: boolean;
22
+ form?: string;
23
+ formAction?: string;
24
+ formEncType?: string;
25
+ formMethod?: string;
26
+ formNoValidate?: boolean;
27
+ formTarget?: string;
28
+ name?: string;
29
+ defaultChecked?: boolean;
30
+ defaultValue?: string | number | readonly string[];
31
+ suppressContentEditableWarning?: boolean;
32
+ suppressHydrationWarning?: boolean;
33
+ accessKey?: string;
34
+ className?: string;
35
+ contentEditable?: boolean | "inherit" | "true" | "false";
36
+ contextMenu?: string;
37
+ dir?: string;
38
+ draggable?: boolean | "true" | "false";
39
+ hidden?: boolean;
40
+ id?: string;
41
+ lang?: string;
42
+ placeholder?: string;
43
+ slot?: string;
44
+ spellCheck?: boolean | "true" | "false";
45
+ style?: React.CSSProperties;
46
+ tabIndex?: number;
47
+ title?: string;
48
+ translate?: "yes" | "no";
49
+ radioGroup?: string;
50
+ role?: React.AriaRole;
51
+ about?: string;
52
+ datatype?: string;
53
+ inlist?: any;
54
+ prefix?: string;
55
+ property?: string;
56
+ resource?: string;
57
+ typeof?: string;
58
+ vocab?: string;
59
+ autoCapitalize?: string;
60
+ autoCorrect?: string;
61
+ autoSave?: string;
62
+ color?: import("../Button").ButtonColor;
63
+ itemProp?: string;
64
+ itemScope?: boolean;
65
+ itemType?: string;
66
+ itemID?: string;
67
+ itemRef?: string;
68
+ results?: number;
69
+ security?: string;
70
+ unselectable?: "on" | "off";
71
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
72
+ is?: string;
73
+ 'aria-activedescendant'?: string;
74
+ 'aria-atomic'?: boolean | "true" | "false";
75
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both";
76
+ 'aria-busy'?: boolean | "true" | "false";
77
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
78
+ 'aria-colcount'?: number;
79
+ 'aria-colindex'?: number;
80
+ 'aria-colspan'?: number;
81
+ 'aria-controls'?: string;
82
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
83
+ 'aria-describedby'?: string;
84
+ 'aria-details'?: string;
85
+ 'aria-disabled'?: boolean | "true" | "false";
86
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
87
+ 'aria-errormessage'?: string;
88
+ 'aria-expanded'?: boolean | "true" | "false";
89
+ 'aria-flowto'?: string;
90
+ 'aria-grabbed'?: boolean | "true" | "false";
91
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
92
+ 'aria-hidden'?: boolean | "true" | "false";
93
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
94
+ 'aria-keyshortcuts'?: string;
95
+ 'aria-labelledby'?: string;
96
+ 'aria-level'?: number;
97
+ 'aria-live'?: "off" | "assertive" | "polite";
98
+ 'aria-modal'?: boolean | "true" | "false";
99
+ 'aria-multiline'?: boolean | "true" | "false";
100
+ 'aria-multiselectable'?: boolean | "true" | "false";
101
+ 'aria-orientation'?: "horizontal" | "vertical";
102
+ 'aria-owns'?: string;
103
+ 'aria-placeholder'?: string;
104
+ 'aria-posinset'?: number;
105
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
106
+ 'aria-readonly'?: boolean | "true" | "false";
107
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
108
+ 'aria-required'?: boolean | "true" | "false";
109
+ 'aria-roledescription'?: string;
110
+ 'aria-rowcount'?: number;
111
+ 'aria-rowindex'?: number;
112
+ 'aria-rowspan'?: number;
113
+ 'aria-selected'?: boolean | "true" | "false";
114
+ 'aria-setsize'?: number;
115
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending";
116
+ 'aria-valuemax'?: number;
117
+ 'aria-valuemin'?: number;
118
+ 'aria-valuenow'?: number;
119
+ 'aria-valuetext'?: string;
120
+ children?: React.ReactNode;
121
+ dangerouslySetInnerHTML?: {
122
+ __html: string;
123
+ };
124
+ onCopy?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
125
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
126
+ onCut?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
127
+ onCutCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
128
+ onPaste?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
129
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
130
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
131
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
132
+ onCompositionStart?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
133
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
134
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
135
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
136
+ onFocus?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
137
+ onFocusCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
138
+ onBlur?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
139
+ onBlurCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
140
+ onChange?: (event: React.FormEvent<HTMLButtonElement>) => void;
141
+ onChangeCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
142
+ onBeforeInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
143
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
144
+ onInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
145
+ onInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
146
+ onReset?: (event: React.FormEvent<HTMLButtonElement>) => void;
147
+ onResetCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
148
+ onSubmit?: (event: React.FormEvent<HTMLButtonElement>) => void;
149
+ onSubmitCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
150
+ onInvalid?: (event: React.FormEvent<HTMLButtonElement>) => void;
151
+ onInvalidCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
152
+ onLoad?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
153
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
154
+ onError?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
155
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
156
+ onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
157
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
158
+ onKeyPress?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
159
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
160
+ onKeyUp?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
161
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
162
+ onAbort?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
163
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
164
+ onCanPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
165
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
166
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
167
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
168
+ onDurationChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
169
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
170
+ onEmptied?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
171
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
172
+ onEncrypted?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
173
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
174
+ onEnded?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
175
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
176
+ onLoadedData?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
177
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
178
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
179
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
180
+ onLoadStart?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
181
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
182
+ onPause?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
183
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
184
+ onPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
185
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
186
+ onPlaying?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
187
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
188
+ onProgress?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
189
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
190
+ onRateChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
191
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
192
+ onSeeked?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
193
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
194
+ onSeeking?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
195
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
196
+ onStalled?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
197
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
198
+ onSuspend?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
199
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
200
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
201
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
202
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
203
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
204
+ onWaiting?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
205
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
206
+ onAuxClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
207
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
208
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
209
+ onClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
210
+ onContextMenu?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
211
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
212
+ onDoubleClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
213
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
214
+ onDrag?: (event: React.DragEvent<HTMLButtonElement>) => void;
215
+ onDragCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
216
+ onDragEnd?: (event: React.DragEvent<HTMLButtonElement>) => void;
217
+ onDragEndCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
218
+ onDragEnter?: (event: React.DragEvent<HTMLButtonElement>) => void;
219
+ onDragEnterCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
220
+ onDragExit?: (event: React.DragEvent<HTMLButtonElement>) => void;
221
+ onDragExitCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
222
+ onDragLeave?: (event: React.DragEvent<HTMLButtonElement>) => void;
223
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
224
+ onDragOver?: (event: React.DragEvent<HTMLButtonElement>) => void;
225
+ onDragOverCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
226
+ onDragStart?: (event: React.DragEvent<HTMLButtonElement>) => void;
227
+ onDragStartCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
228
+ onDrop?: (event: React.DragEvent<HTMLButtonElement>) => void;
229
+ onDropCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
230
+ onMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
231
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
232
+ onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
233
+ onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
234
+ onMouseMove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
235
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
236
+ onMouseOut?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
237
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
238
+ onMouseOver?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
239
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
240
+ onMouseUp?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
241
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
242
+ onSelect?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
243
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
244
+ onTouchCancel?: (event: React.TouchEvent<HTMLButtonElement>) => void;
245
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
246
+ onTouchEnd?: (event: React.TouchEvent<HTMLButtonElement>) => void;
247
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
248
+ onTouchMove?: (event: React.TouchEvent<HTMLButtonElement>) => void;
249
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
250
+ onTouchStart?: (event: React.TouchEvent<HTMLButtonElement>) => void;
251
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
252
+ onPointerDown?: (event: React.PointerEvent<HTMLButtonElement>) => void;
253
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
254
+ onPointerMove?: (event: React.PointerEvent<HTMLButtonElement>) => void;
255
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
256
+ onPointerUp?: (event: React.PointerEvent<HTMLButtonElement>) => void;
257
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
258
+ onPointerCancel?: (event: React.PointerEvent<HTMLButtonElement>) => void;
259
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
260
+ onPointerEnter?: (event: React.PointerEvent<HTMLButtonElement>) => void;
261
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
262
+ onPointerLeave?: (event: React.PointerEvent<HTMLButtonElement>) => void;
263
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
264
+ onPointerOver?: (event: React.PointerEvent<HTMLButtonElement>) => void;
265
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
266
+ onPointerOut?: (event: React.PointerEvent<HTMLButtonElement>) => void;
267
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
268
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
269
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
270
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
271
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
272
+ onScroll?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
273
+ onScrollCapture?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
274
+ onWheel?: (event: React.WheelEvent<HTMLButtonElement>) => void;
275
+ onWheelCapture?: (event: React.WheelEvent<HTMLButtonElement>) => void;
276
+ onAnimationStart?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
277
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
278
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
279
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
280
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
281
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
282
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
283
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
284
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
285
+ isFullWidth?: boolean;
286
+ shape?: import("../Button").ButtonShape;
287
+ isLoading?: boolean;
288
+ textTransform?: import("../Button").ButtonTextTransform;
289
+ variant?: import("../Button").ButtonVariant;
290
+ } | {
291
+ icon?: never;
292
+ disabled?: boolean;
293
+ isChecked?: boolean;
294
+ isInverse?: boolean;
295
+ size?: ButtonSize;
296
+ value?: string;
297
+ theme?: import("../..").ThemeInterface;
298
+ testId?: string;
299
+ type?: import("../Button").ButtonType;
300
+ autoFocus?: boolean;
301
+ form?: string;
302
+ formAction?: string;
303
+ formEncType?: string;
304
+ formMethod?: string;
305
+ formNoValidate?: boolean;
306
+ formTarget?: string;
307
+ name?: string;
308
+ defaultChecked?: boolean;
309
+ defaultValue?: string | number | readonly string[];
310
+ suppressContentEditableWarning?: boolean;
311
+ suppressHydrationWarning?: boolean;
312
+ accessKey?: string;
313
+ className?: string;
314
+ contentEditable?: boolean | "inherit" | "true" | "false";
315
+ contextMenu?: string;
316
+ dir?: string;
317
+ draggable?: boolean | "true" | "false";
318
+ hidden?: boolean;
319
+ id?: string;
320
+ lang?: string;
321
+ placeholder?: string;
322
+ slot?: string;
323
+ spellCheck?: boolean | "true" | "false";
324
+ style?: React.CSSProperties;
325
+ tabIndex?: number;
326
+ title?: string;
327
+ translate?: "yes" | "no";
328
+ radioGroup?: string;
329
+ role?: React.AriaRole;
330
+ about?: string;
331
+ datatype?: string;
332
+ inlist?: any;
333
+ prefix?: string;
334
+ property?: string;
335
+ resource?: string;
336
+ typeof?: string;
337
+ vocab?: string;
338
+ autoCapitalize?: string;
339
+ autoCorrect?: string;
340
+ autoSave?: string;
341
+ color?: import("../Button").ButtonColor;
342
+ itemProp?: string;
343
+ itemScope?: boolean;
344
+ itemType?: string;
345
+ itemID?: string;
346
+ itemRef?: string;
347
+ results?: number;
348
+ security?: string;
349
+ unselectable?: "on" | "off";
350
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
351
+ is?: string;
352
+ 'aria-activedescendant'?: string;
353
+ 'aria-atomic'?: boolean | "true" | "false";
354
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both";
355
+ 'aria-busy'?: boolean | "true" | "false";
356
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
357
+ 'aria-colcount'?: number;
358
+ 'aria-colindex'?: number;
359
+ 'aria-colspan'?: number;
360
+ 'aria-controls'?: string;
361
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
362
+ 'aria-describedby'?: string;
363
+ 'aria-details'?: string;
364
+ 'aria-disabled'?: boolean | "true" | "false";
365
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
366
+ 'aria-errormessage'?: string;
367
+ 'aria-expanded'?: boolean | "true" | "false";
368
+ 'aria-flowto'?: string;
369
+ 'aria-grabbed'?: boolean | "true" | "false";
370
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
371
+ 'aria-hidden'?: boolean | "true" | "false";
372
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
373
+ 'aria-keyshortcuts'?: string;
374
+ 'aria-label'?: string;
375
+ 'aria-labelledby'?: string;
376
+ 'aria-level'?: number;
377
+ 'aria-live'?: "off" | "assertive" | "polite";
378
+ 'aria-modal'?: boolean | "true" | "false";
379
+ 'aria-multiline'?: boolean | "true" | "false";
380
+ 'aria-multiselectable'?: boolean | "true" | "false";
381
+ 'aria-orientation'?: "horizontal" | "vertical";
382
+ 'aria-owns'?: string;
383
+ 'aria-placeholder'?: string;
384
+ 'aria-posinset'?: number;
385
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
386
+ 'aria-readonly'?: boolean | "true" | "false";
387
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
388
+ 'aria-required'?: boolean | "true" | "false";
389
+ 'aria-roledescription'?: string;
390
+ 'aria-rowcount'?: number;
391
+ 'aria-rowindex'?: number;
392
+ 'aria-rowspan'?: number;
393
+ 'aria-selected'?: boolean | "true" | "false";
394
+ 'aria-setsize'?: number;
395
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending";
396
+ 'aria-valuemax'?: number;
397
+ 'aria-valuemin'?: number;
398
+ 'aria-valuenow'?: number;
399
+ 'aria-valuetext'?: string;
400
+ children?: React.ReactNode;
401
+ dangerouslySetInnerHTML?: {
402
+ __html: string;
403
+ };
404
+ onCopy?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
405
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
406
+ onCut?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
407
+ onCutCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
408
+ onPaste?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
409
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
410
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
411
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
412
+ onCompositionStart?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
413
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
414
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
415
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
416
+ onFocus?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
417
+ onFocusCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
418
+ onBlur?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
419
+ onBlurCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
420
+ onChange?: (event: React.FormEvent<HTMLButtonElement>) => void;
421
+ onChangeCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
422
+ onBeforeInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
423
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
424
+ onInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
425
+ onInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
426
+ onReset?: (event: React.FormEvent<HTMLButtonElement>) => void;
427
+ onResetCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
428
+ onSubmit?: (event: React.FormEvent<HTMLButtonElement>) => void;
429
+ onSubmitCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
430
+ onInvalid?: (event: React.FormEvent<HTMLButtonElement>) => void;
431
+ onInvalidCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
432
+ onLoad?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
433
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
434
+ onError?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
435
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
436
+ onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
437
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
438
+ onKeyPress?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
439
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
440
+ onKeyUp?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
441
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
442
+ onAbort?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
443
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
444
+ onCanPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
445
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
446
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
447
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
448
+ onDurationChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
449
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
450
+ onEmptied?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
451
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
452
+ onEncrypted?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
453
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
454
+ onEnded?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
455
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
456
+ onLoadedData?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
457
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
458
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
459
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
460
+ onLoadStart?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
461
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
462
+ onPause?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
463
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
464
+ onPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
465
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
466
+ onPlaying?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
467
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
468
+ onProgress?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
469
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
470
+ onRateChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
471
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
472
+ onSeeked?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
473
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
474
+ onSeeking?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
475
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
476
+ onStalled?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
477
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
478
+ onSuspend?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
479
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
480
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
481
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
482
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
483
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
484
+ onWaiting?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
485
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
486
+ onAuxClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
487
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
488
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
489
+ onClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
490
+ onContextMenu?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
491
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
492
+ onDoubleClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
493
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
494
+ onDrag?: (event: React.DragEvent<HTMLButtonElement>) => void;
495
+ onDragCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
496
+ onDragEnd?: (event: React.DragEvent<HTMLButtonElement>) => void;
497
+ onDragEndCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
498
+ onDragEnter?: (event: React.DragEvent<HTMLButtonElement>) => void;
499
+ onDragEnterCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
500
+ onDragExit?: (event: React.DragEvent<HTMLButtonElement>) => void;
501
+ onDragExitCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
502
+ onDragLeave?: (event: React.DragEvent<HTMLButtonElement>) => void;
503
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
504
+ onDragOver?: (event: React.DragEvent<HTMLButtonElement>) => void;
505
+ onDragOverCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
506
+ onDragStart?: (event: React.DragEvent<HTMLButtonElement>) => void;
507
+ onDragStartCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
508
+ onDrop?: (event: React.DragEvent<HTMLButtonElement>) => void;
509
+ onDropCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
510
+ onMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
511
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
512
+ onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
513
+ onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
514
+ onMouseMove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
515
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
516
+ onMouseOut?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
517
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
518
+ onMouseOver?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
519
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
520
+ onMouseUp?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
521
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
522
+ onSelect?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
523
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
524
+ onTouchCancel?: (event: React.TouchEvent<HTMLButtonElement>) => void;
525
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
526
+ onTouchEnd?: (event: React.TouchEvent<HTMLButtonElement>) => void;
527
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
528
+ onTouchMove?: (event: React.TouchEvent<HTMLButtonElement>) => void;
529
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
530
+ onTouchStart?: (event: React.TouchEvent<HTMLButtonElement>) => void;
531
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
532
+ onPointerDown?: (event: React.PointerEvent<HTMLButtonElement>) => void;
533
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
534
+ onPointerMove?: (event: React.PointerEvent<HTMLButtonElement>) => void;
535
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
536
+ onPointerUp?: (event: React.PointerEvent<HTMLButtonElement>) => void;
537
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
538
+ onPointerCancel?: (event: React.PointerEvent<HTMLButtonElement>) => void;
539
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
540
+ onPointerEnter?: (event: React.PointerEvent<HTMLButtonElement>) => void;
541
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
542
+ onPointerLeave?: (event: React.PointerEvent<HTMLButtonElement>) => void;
543
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
544
+ onPointerOver?: (event: React.PointerEvent<HTMLButtonElement>) => void;
545
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
546
+ onPointerOut?: (event: React.PointerEvent<HTMLButtonElement>) => void;
547
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
548
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
549
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
550
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
551
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
552
+ onScroll?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
553
+ onScrollCapture?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
554
+ onWheel?: (event: React.WheelEvent<HTMLButtonElement>) => void;
555
+ onWheelCapture?: (event: React.WheelEvent<HTMLButtonElement>) => void;
556
+ onAnimationStart?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
557
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
558
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
559
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
560
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
561
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
562
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
563
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
564
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
565
+ isFullWidth?: boolean;
566
+ shape?: import("../Button").ButtonShape;
567
+ isLoading?: boolean;
568
+ textTransform?: import("../Button").ButtonTextTransform;
569
+ variant?: import("../Button").ButtonVariant;
570
+ };
571
+ };
572
+ export declare const TextAndIcon: {
573
+ (args: any): JSX.Element;
574
+ args: {
575
+ 'aria-label'?: string;
576
+ disabled?: boolean;
577
+ icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
578
+ isChecked?: boolean;
579
+ isInverse?: boolean;
580
+ size?: ButtonSize;
581
+ value?: string;
582
+ theme?: import("../..").ThemeInterface;
583
+ testId?: string;
584
+ type?: import("../Button").ButtonType;
585
+ autoFocus?: boolean;
586
+ form?: string;
587
+ formAction?: string;
588
+ formEncType?: string;
589
+ formMethod?: string;
590
+ formNoValidate?: boolean;
591
+ formTarget?: string;
592
+ name?: string;
593
+ defaultChecked?: boolean;
594
+ defaultValue?: string | number | readonly string[];
595
+ suppressContentEditableWarning?: boolean;
596
+ suppressHydrationWarning?: boolean;
597
+ accessKey?: string;
598
+ className?: string;
599
+ contentEditable?: boolean | "inherit" | "true" | "false";
600
+ contextMenu?: string;
601
+ dir?: string;
602
+ draggable?: boolean | "true" | "false";
603
+ hidden?: boolean;
604
+ id?: string;
605
+ lang?: string;
606
+ placeholder?: string;
607
+ slot?: string;
608
+ spellCheck?: boolean | "true" | "false";
609
+ style?: React.CSSProperties;
610
+ tabIndex?: number;
611
+ title?: string;
612
+ translate?: "yes" | "no";
613
+ radioGroup?: string;
614
+ role?: React.AriaRole;
615
+ about?: string;
616
+ datatype?: string;
617
+ inlist?: any;
618
+ prefix?: string;
619
+ property?: string;
620
+ resource?: string;
621
+ typeof?: string;
622
+ vocab?: string;
623
+ autoCapitalize?: string;
624
+ autoCorrect?: string;
625
+ autoSave?: string;
626
+ color?: import("../Button").ButtonColor;
627
+ itemProp?: string;
628
+ itemScope?: boolean;
629
+ itemType?: string;
630
+ itemID?: string;
631
+ itemRef?: string;
632
+ results?: number;
633
+ security?: string;
634
+ unselectable?: "on" | "off";
635
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
636
+ is?: string;
637
+ 'aria-activedescendant'?: string;
638
+ 'aria-atomic'?: boolean | "true" | "false";
639
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both";
640
+ 'aria-busy'?: boolean | "true" | "false";
641
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
642
+ 'aria-colcount'?: number;
643
+ 'aria-colindex'?: number;
644
+ 'aria-colspan'?: number;
645
+ 'aria-controls'?: string;
646
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
647
+ 'aria-describedby'?: string;
648
+ 'aria-details'?: string;
649
+ 'aria-disabled'?: boolean | "true" | "false";
650
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
651
+ 'aria-errormessage'?: string;
652
+ 'aria-expanded'?: boolean | "true" | "false";
653
+ 'aria-flowto'?: string;
654
+ 'aria-grabbed'?: boolean | "true" | "false";
655
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
656
+ 'aria-hidden'?: boolean | "true" | "false";
657
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
658
+ 'aria-keyshortcuts'?: string;
659
+ 'aria-labelledby'?: string;
660
+ 'aria-level'?: number;
661
+ 'aria-live'?: "off" | "assertive" | "polite";
662
+ 'aria-modal'?: boolean | "true" | "false";
663
+ 'aria-multiline'?: boolean | "true" | "false";
664
+ 'aria-multiselectable'?: boolean | "true" | "false";
665
+ 'aria-orientation'?: "horizontal" | "vertical";
666
+ 'aria-owns'?: string;
667
+ 'aria-placeholder'?: string;
668
+ 'aria-posinset'?: number;
669
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
670
+ 'aria-readonly'?: boolean | "true" | "false";
671
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
672
+ 'aria-required'?: boolean | "true" | "false";
673
+ 'aria-roledescription'?: string;
674
+ 'aria-rowcount'?: number;
675
+ 'aria-rowindex'?: number;
676
+ 'aria-rowspan'?: number;
677
+ 'aria-selected'?: boolean | "true" | "false";
678
+ 'aria-setsize'?: number;
679
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending";
680
+ 'aria-valuemax'?: number;
681
+ 'aria-valuemin'?: number;
682
+ 'aria-valuenow'?: number;
683
+ 'aria-valuetext'?: string;
684
+ children?: React.ReactNode;
685
+ dangerouslySetInnerHTML?: {
686
+ __html: string;
687
+ };
688
+ onCopy?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
689
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
690
+ onCut?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
691
+ onCutCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
692
+ onPaste?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
693
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
694
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
695
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
696
+ onCompositionStart?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
697
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
698
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
699
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
700
+ onFocus?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
701
+ onFocusCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
702
+ onBlur?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
703
+ onBlurCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
704
+ onChange?: (event: React.FormEvent<HTMLButtonElement>) => void;
705
+ onChangeCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
706
+ onBeforeInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
707
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
708
+ onInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
709
+ onInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
710
+ onReset?: (event: React.FormEvent<HTMLButtonElement>) => void;
711
+ onResetCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
712
+ onSubmit?: (event: React.FormEvent<HTMLButtonElement>) => void;
713
+ onSubmitCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
714
+ onInvalid?: (event: React.FormEvent<HTMLButtonElement>) => void;
715
+ onInvalidCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
716
+ onLoad?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
717
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
718
+ onError?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
719
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
720
+ onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
721
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
722
+ onKeyPress?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
723
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
724
+ onKeyUp?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
725
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
726
+ onAbort?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
727
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
728
+ onCanPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
729
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
730
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
731
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
732
+ onDurationChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
733
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
734
+ onEmptied?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
735
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
736
+ onEncrypted?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
737
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
738
+ onEnded?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
739
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
740
+ onLoadedData?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
741
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
742
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
743
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
744
+ onLoadStart?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
745
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
746
+ onPause?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
747
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
748
+ onPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
749
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
750
+ onPlaying?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
751
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
752
+ onProgress?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
753
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
754
+ onRateChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
755
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
756
+ onSeeked?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
757
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
758
+ onSeeking?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
759
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
760
+ onStalled?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
761
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
762
+ onSuspend?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
763
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
764
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
765
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
766
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
767
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
768
+ onWaiting?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
769
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
770
+ onAuxClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
771
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
772
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
773
+ onClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
774
+ onContextMenu?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
775
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
776
+ onDoubleClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
777
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
778
+ onDrag?: (event: React.DragEvent<HTMLButtonElement>) => void;
779
+ onDragCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
780
+ onDragEnd?: (event: React.DragEvent<HTMLButtonElement>) => void;
781
+ onDragEndCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
782
+ onDragEnter?: (event: React.DragEvent<HTMLButtonElement>) => void;
783
+ onDragEnterCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
784
+ onDragExit?: (event: React.DragEvent<HTMLButtonElement>) => void;
785
+ onDragExitCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
786
+ onDragLeave?: (event: React.DragEvent<HTMLButtonElement>) => void;
787
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
788
+ onDragOver?: (event: React.DragEvent<HTMLButtonElement>) => void;
789
+ onDragOverCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
790
+ onDragStart?: (event: React.DragEvent<HTMLButtonElement>) => void;
791
+ onDragStartCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
792
+ onDrop?: (event: React.DragEvent<HTMLButtonElement>) => void;
793
+ onDropCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
794
+ onMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
795
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
796
+ onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
797
+ onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
798
+ onMouseMove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
799
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
800
+ onMouseOut?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
801
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
802
+ onMouseOver?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
803
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
804
+ onMouseUp?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
805
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
806
+ onSelect?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
807
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
808
+ onTouchCancel?: (event: React.TouchEvent<HTMLButtonElement>) => void;
809
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
810
+ onTouchEnd?: (event: React.TouchEvent<HTMLButtonElement>) => void;
811
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
812
+ onTouchMove?: (event: React.TouchEvent<HTMLButtonElement>) => void;
813
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
814
+ onTouchStart?: (event: React.TouchEvent<HTMLButtonElement>) => void;
815
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
816
+ onPointerDown?: (event: React.PointerEvent<HTMLButtonElement>) => void;
817
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
818
+ onPointerMove?: (event: React.PointerEvent<HTMLButtonElement>) => void;
819
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
820
+ onPointerUp?: (event: React.PointerEvent<HTMLButtonElement>) => void;
821
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
822
+ onPointerCancel?: (event: React.PointerEvent<HTMLButtonElement>) => void;
823
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
824
+ onPointerEnter?: (event: React.PointerEvent<HTMLButtonElement>) => void;
825
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
826
+ onPointerLeave?: (event: React.PointerEvent<HTMLButtonElement>) => void;
827
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
828
+ onPointerOver?: (event: React.PointerEvent<HTMLButtonElement>) => void;
829
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
830
+ onPointerOut?: (event: React.PointerEvent<HTMLButtonElement>) => void;
831
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
832
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
833
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
834
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
835
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
836
+ onScroll?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
837
+ onScrollCapture?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
838
+ onWheel?: (event: React.WheelEvent<HTMLButtonElement>) => void;
839
+ onWheelCapture?: (event: React.WheelEvent<HTMLButtonElement>) => void;
840
+ onAnimationStart?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
841
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
842
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
843
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
844
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
845
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
846
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
847
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
848
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
849
+ isFullWidth?: boolean;
850
+ shape?: import("../Button").ButtonShape;
851
+ isLoading?: boolean;
852
+ textTransform?: import("../Button").ButtonTextTransform;
853
+ variant?: import("../Button").ButtonVariant;
854
+ } | {
855
+ icon?: never;
856
+ disabled?: boolean;
857
+ isChecked?: boolean;
858
+ isInverse?: boolean;
859
+ size?: ButtonSize;
860
+ value?: string;
861
+ theme?: import("../..").ThemeInterface;
862
+ testId?: string;
863
+ type?: import("../Button").ButtonType;
864
+ autoFocus?: boolean;
865
+ form?: string;
866
+ formAction?: string;
867
+ formEncType?: string;
868
+ formMethod?: string;
869
+ formNoValidate?: boolean;
870
+ formTarget?: string;
871
+ name?: string;
872
+ defaultChecked?: boolean;
873
+ defaultValue?: string | number | readonly string[];
874
+ suppressContentEditableWarning?: boolean;
875
+ suppressHydrationWarning?: boolean;
876
+ accessKey?: string;
877
+ className?: string;
878
+ contentEditable?: boolean | "inherit" | "true" | "false";
879
+ contextMenu?: string;
880
+ dir?: string;
881
+ draggable?: boolean | "true" | "false";
882
+ hidden?: boolean;
883
+ id?: string;
884
+ lang?: string;
885
+ placeholder?: string;
886
+ slot?: string;
887
+ spellCheck?: boolean | "true" | "false";
888
+ style?: React.CSSProperties;
889
+ tabIndex?: number;
890
+ title?: string;
891
+ translate?: "yes" | "no";
892
+ radioGroup?: string;
893
+ role?: React.AriaRole;
894
+ about?: string;
895
+ datatype?: string;
896
+ inlist?: any;
897
+ prefix?: string;
898
+ property?: string;
899
+ resource?: string;
900
+ typeof?: string;
901
+ vocab?: string;
902
+ autoCapitalize?: string;
903
+ autoCorrect?: string;
904
+ autoSave?: string;
905
+ color?: import("../Button").ButtonColor;
906
+ itemProp?: string;
907
+ itemScope?: boolean;
908
+ itemType?: string;
909
+ itemID?: string;
910
+ itemRef?: string;
911
+ results?: number;
912
+ security?: string;
913
+ unselectable?: "on" | "off";
914
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
915
+ is?: string;
916
+ 'aria-activedescendant'?: string;
917
+ 'aria-atomic'?: boolean | "true" | "false";
918
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both";
919
+ 'aria-busy'?: boolean | "true" | "false";
920
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
921
+ 'aria-colcount'?: number;
922
+ 'aria-colindex'?: number;
923
+ 'aria-colspan'?: number;
924
+ 'aria-controls'?: string;
925
+ 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
926
+ 'aria-describedby'?: string;
927
+ 'aria-details'?: string;
928
+ 'aria-disabled'?: boolean | "true" | "false";
929
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
930
+ 'aria-errormessage'?: string;
931
+ 'aria-expanded'?: boolean | "true" | "false";
932
+ 'aria-flowto'?: string;
933
+ 'aria-grabbed'?: boolean | "true" | "false";
934
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
935
+ 'aria-hidden'?: boolean | "true" | "false";
936
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
937
+ 'aria-keyshortcuts'?: string;
938
+ 'aria-label'?: string;
939
+ 'aria-labelledby'?: string;
940
+ 'aria-level'?: number;
941
+ 'aria-live'?: "off" | "assertive" | "polite";
942
+ 'aria-modal'?: boolean | "true" | "false";
943
+ 'aria-multiline'?: boolean | "true" | "false";
944
+ 'aria-multiselectable'?: boolean | "true" | "false";
945
+ 'aria-orientation'?: "horizontal" | "vertical";
946
+ 'aria-owns'?: string;
947
+ 'aria-placeholder'?: string;
948
+ 'aria-posinset'?: number;
949
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
950
+ 'aria-readonly'?: boolean | "true" | "false";
951
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
952
+ 'aria-required'?: boolean | "true" | "false";
953
+ 'aria-roledescription'?: string;
954
+ 'aria-rowcount'?: number;
955
+ 'aria-rowindex'?: number;
956
+ 'aria-rowspan'?: number;
957
+ 'aria-selected'?: boolean | "true" | "false";
958
+ 'aria-setsize'?: number;
959
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending";
960
+ 'aria-valuemax'?: number;
961
+ 'aria-valuemin'?: number;
962
+ 'aria-valuenow'?: number;
963
+ 'aria-valuetext'?: string;
964
+ children?: React.ReactNode;
965
+ dangerouslySetInnerHTML?: {
966
+ __html: string;
967
+ };
968
+ onCopy?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
969
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
970
+ onCut?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
971
+ onCutCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
972
+ onPaste?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
973
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
974
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
975
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
976
+ onCompositionStart?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
977
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
978
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
979
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLButtonElement>) => void;
980
+ onFocus?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
981
+ onFocusCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
982
+ onBlur?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
983
+ onBlurCapture?: (event: React.FocusEvent<HTMLButtonElement, Element>) => void;
984
+ onChange?: (event: React.FormEvent<HTMLButtonElement>) => void;
985
+ onChangeCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
986
+ onBeforeInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
987
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
988
+ onInput?: (event: React.FormEvent<HTMLButtonElement>) => void;
989
+ onInputCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
990
+ onReset?: (event: React.FormEvent<HTMLButtonElement>) => void;
991
+ onResetCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
992
+ onSubmit?: (event: React.FormEvent<HTMLButtonElement>) => void;
993
+ onSubmitCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
994
+ onInvalid?: (event: React.FormEvent<HTMLButtonElement>) => void;
995
+ onInvalidCapture?: (event: React.FormEvent<HTMLButtonElement>) => void;
996
+ onLoad?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
997
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
998
+ onError?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
999
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1000
+ onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
1001
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
1002
+ onKeyPress?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
1003
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
1004
+ onKeyUp?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
1005
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
1006
+ onAbort?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1007
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1008
+ onCanPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1009
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1010
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1011
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1012
+ onDurationChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1013
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1014
+ onEmptied?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1015
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1016
+ onEncrypted?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1017
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1018
+ onEnded?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1019
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1020
+ onLoadedData?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1021
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1022
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1023
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1024
+ onLoadStart?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1025
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1026
+ onPause?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1027
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1028
+ onPlay?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1029
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1030
+ onPlaying?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1031
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1032
+ onProgress?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1033
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1034
+ onRateChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1035
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1036
+ onSeeked?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1037
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1038
+ onSeeking?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1039
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1040
+ onStalled?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1041
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1042
+ onSuspend?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1043
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1044
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1045
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1046
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1047
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1048
+ onWaiting?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1049
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1050
+ onAuxClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1051
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1052
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1053
+ onClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1054
+ onContextMenu?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1055
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1056
+ onDoubleClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1057
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1058
+ onDrag?: (event: React.DragEvent<HTMLButtonElement>) => void;
1059
+ onDragCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1060
+ onDragEnd?: (event: React.DragEvent<HTMLButtonElement>) => void;
1061
+ onDragEndCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1062
+ onDragEnter?: (event: React.DragEvent<HTMLButtonElement>) => void;
1063
+ onDragEnterCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1064
+ onDragExit?: (event: React.DragEvent<HTMLButtonElement>) => void;
1065
+ onDragExitCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1066
+ onDragLeave?: (event: React.DragEvent<HTMLButtonElement>) => void;
1067
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1068
+ onDragOver?: (event: React.DragEvent<HTMLButtonElement>) => void;
1069
+ onDragOverCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1070
+ onDragStart?: (event: React.DragEvent<HTMLButtonElement>) => void;
1071
+ onDragStartCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1072
+ onDrop?: (event: React.DragEvent<HTMLButtonElement>) => void;
1073
+ onDropCapture?: (event: React.DragEvent<HTMLButtonElement>) => void;
1074
+ onMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1075
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1076
+ onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1077
+ onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1078
+ onMouseMove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1079
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1080
+ onMouseOut?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1081
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1082
+ onMouseOver?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1083
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1084
+ onMouseUp?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1085
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
1086
+ onSelect?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1087
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLButtonElement, Event>) => void;
1088
+ onTouchCancel?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1089
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1090
+ onTouchEnd?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1091
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1092
+ onTouchMove?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1093
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1094
+ onTouchStart?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1095
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLButtonElement>) => void;
1096
+ onPointerDown?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1097
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1098
+ onPointerMove?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1099
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1100
+ onPointerUp?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1101
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1102
+ onPointerCancel?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1103
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1104
+ onPointerEnter?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1105
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1106
+ onPointerLeave?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1107
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1108
+ onPointerOver?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1109
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1110
+ onPointerOut?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1111
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1112
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1113
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1114
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1115
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLButtonElement>) => void;
1116
+ onScroll?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
1117
+ onScrollCapture?: (event: React.UIEvent<HTMLButtonElement, UIEvent>) => void;
1118
+ onWheel?: (event: React.WheelEvent<HTMLButtonElement>) => void;
1119
+ onWheelCapture?: (event: React.WheelEvent<HTMLButtonElement>) => void;
1120
+ onAnimationStart?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
1121
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
1122
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
1123
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
1124
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
1125
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
1126
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
1127
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
1128
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
1129
+ isFullWidth?: boolean;
1130
+ shape?: import("../Button").ButtonShape;
1131
+ isLoading?: boolean;
1132
+ textTransform?: import("../Button").ButtonTextTransform;
1133
+ variant?: import("../Button").ButtonVariant;
1134
+ };
1135
+ };