react-magma-dom 2.5.10 → 2.5.13

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 (16) hide show
  1. package/dist/components/Accordion/Accordion.stories.d.ts +9 -1
  2. package/dist/components/Datagrid/Datagrid.stories.d.ts +8 -8
  3. package/dist/components/Heading/Heading.stories.d.ts +1 -1
  4. package/dist/components/IconButton/IconButton.stories.d.ts +4 -4
  5. package/dist/components/Table/Table.stories.d.ts +546 -3
  6. package/dist/components/Tabs/Tabs.stories.d.ts +2 -0
  7. package/dist/components/Tag/Tag.stories.d.ts +70 -70
  8. package/dist/esm/index.js +298 -292
  9. package/dist/esm/index.js.map +1 -1
  10. package/dist/index.d.ts +1 -0
  11. package/dist/properties.json +84 -84
  12. package/dist/react-magma-dom.cjs.development.js +290 -284
  13. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  14. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  15. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  16. package/package.json +1 -1
package/dist/components/Table/Table.stories.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { TableProps } from './';
1
+ import React from 'react';
2
+ import { TableProps, TableDensity } from './';
3
3
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
4
4
  export default _default;
5
5
  export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TableProps>;
@@ -8,4 +8,547 @@ export declare const UncontrolledPagination: () => JSX.Element;
8
8
  export declare const PaginationInverse: () => JSX.Element;
9
9
  export declare const RowColors: () => JSX.Element;
10
10
  export declare const RowColorsInverse: () => JSX.Element;
11
- export declare const Sortable: () => JSX.Element;
11
+ export declare const Sortable: {
12
+ (): JSX.Element;
13
+ args: {
14
+ density?: TableDensity;
15
+ hasHoverStyles?: boolean;
16
+ hasVerticalBorders?: boolean;
17
+ hasZebraStripes?: boolean;
18
+ isInverse?: boolean;
19
+ isSelectable?: boolean;
20
+ minWidth?: number;
21
+ rowCount?: number;
22
+ selectedItems?: number[];
23
+ testId?: string;
24
+ defaultChecked?: boolean;
25
+ defaultValue?: string | number | readonly string[];
26
+ suppressContentEditableWarning?: boolean;
27
+ suppressHydrationWarning?: boolean;
28
+ accessKey?: string;
29
+ className?: string;
30
+ contentEditable?: boolean | "inherit" | "true" | "false";
31
+ contextMenu?: string;
32
+ dir?: string;
33
+ draggable?: boolean | "true" | "false";
34
+ hidden?: boolean;
35
+ id?: string;
36
+ lang?: string;
37
+ placeholder?: string;
38
+ slot?: string;
39
+ spellCheck?: boolean | "true" | "false";
40
+ style?: React.CSSProperties;
41
+ tabIndex?: number;
42
+ title?: string;
43
+ translate?: "yes" | "no";
44
+ radioGroup?: string;
45
+ role?: React.AriaRole;
46
+ about?: string;
47
+ datatype?: string;
48
+ inlist?: any;
49
+ prefix?: string;
50
+ property?: string;
51
+ resource?: string;
52
+ typeof?: string;
53
+ vocab?: string;
54
+ autoCapitalize?: string;
55
+ autoCorrect?: string;
56
+ autoSave?: string;
57
+ color?: string;
58
+ itemProp?: string;
59
+ itemScope?: boolean;
60
+ itemType?: string;
61
+ itemID?: string;
62
+ itemRef?: string;
63
+ results?: number;
64
+ security?: string;
65
+ unselectable?: "on" | "off";
66
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
67
+ is?: string;
68
+ 'aria-activedescendant'?: string;
69
+ 'aria-atomic'?: boolean | "true" | "false";
70
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both";
71
+ 'aria-busy'?: boolean | "true" | "false";
72
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
73
+ 'aria-colcount'?: number;
74
+ 'aria-colindex'?: number;
75
+ 'aria-colspan'?: number;
76
+ 'aria-controls'?: string;
77
+ 'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
78
+ 'aria-describedby'?: string;
79
+ 'aria-details'?: string;
80
+ 'aria-disabled'?: boolean | "true" | "false";
81
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
82
+ 'aria-errormessage'?: string;
83
+ 'aria-expanded'?: boolean | "true" | "false";
84
+ 'aria-flowto'?: string;
85
+ 'aria-grabbed'?: boolean | "true" | "false";
86
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
87
+ 'aria-hidden'?: boolean | "true" | "false";
88
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
89
+ 'aria-keyshortcuts'?: string;
90
+ 'aria-label'?: string;
91
+ 'aria-labelledby'?: string;
92
+ 'aria-level'?: number;
93
+ 'aria-live'?: "off" | "assertive" | "polite";
94
+ 'aria-modal'?: boolean | "true" | "false";
95
+ 'aria-multiline'?: boolean | "true" | "false";
96
+ 'aria-multiselectable'?: boolean | "true" | "false";
97
+ 'aria-orientation'?: "horizontal" | "vertical";
98
+ 'aria-owns'?: string;
99
+ 'aria-placeholder'?: string;
100
+ 'aria-posinset'?: number;
101
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
102
+ 'aria-readonly'?: boolean | "true" | "false";
103
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
104
+ 'aria-required'?: boolean | "true" | "false";
105
+ 'aria-roledescription'?: string;
106
+ 'aria-rowcount'?: number;
107
+ 'aria-rowindex'?: number;
108
+ 'aria-rowspan'?: number;
109
+ 'aria-selected'?: boolean | "true" | "false";
110
+ 'aria-setsize'?: number;
111
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
112
+ 'aria-valuemax'?: number;
113
+ 'aria-valuemin'?: number;
114
+ 'aria-valuenow'?: number;
115
+ 'aria-valuetext'?: string;
116
+ children?: React.ReactNode;
117
+ dangerouslySetInnerHTML?: {
118
+ __html: string;
119
+ };
120
+ onCopy?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
121
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
122
+ onCut?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
123
+ onCutCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
124
+ onPaste?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
125
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
126
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLTableElement>) => void;
127
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
128
+ onCompositionStart?: (event: React.CompositionEvent<HTMLTableElement>) => void;
129
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
130
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLTableElement>) => void;
131
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
132
+ onFocus?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
133
+ onFocusCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
134
+ onBlur?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
135
+ onBlurCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
136
+ onChange?: (event: React.FormEvent<HTMLTableElement>) => void;
137
+ onChangeCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
138
+ onBeforeInput?: (event: React.FormEvent<HTMLTableElement>) => void;
139
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
140
+ onInput?: (event: React.FormEvent<HTMLTableElement>) => void;
141
+ onInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
142
+ onReset?: (event: React.FormEvent<HTMLTableElement>) => void;
143
+ onResetCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
144
+ onSubmit?: (event: React.FormEvent<HTMLTableElement>) => void;
145
+ onSubmitCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
146
+ onInvalid?: (event: React.FormEvent<HTMLTableElement>) => void;
147
+ onInvalidCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
148
+ onLoad?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
149
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
150
+ onError?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
151
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
152
+ onKeyDown?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
153
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
154
+ onKeyPress?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
155
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
156
+ onKeyUp?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
157
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
158
+ onAbort?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
159
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
160
+ onCanPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
161
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
162
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
163
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
164
+ onDurationChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
165
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
166
+ onEmptied?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
167
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
168
+ onEncrypted?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
169
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
170
+ onEnded?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
171
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
172
+ onLoadedData?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
173
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
174
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
175
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
176
+ onLoadStart?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
177
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
178
+ onPause?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
179
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
180
+ onPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
181
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
182
+ onPlaying?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
183
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
184
+ onProgress?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
185
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
186
+ onRateChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
187
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
188
+ onSeeked?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
189
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
190
+ onSeeking?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
191
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
192
+ onStalled?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
193
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
194
+ onSuspend?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
195
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
196
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
197
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
198
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
199
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
200
+ onWaiting?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
201
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
202
+ onAuxClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
203
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
204
+ onClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
205
+ onClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
206
+ onContextMenu?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
207
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
208
+ onDoubleClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
209
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
210
+ onDrag?: (event: React.DragEvent<HTMLTableElement>) => void;
211
+ onDragCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
212
+ onDragEnd?: (event: React.DragEvent<HTMLTableElement>) => void;
213
+ onDragEndCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
214
+ onDragEnter?: (event: React.DragEvent<HTMLTableElement>) => void;
215
+ onDragEnterCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
216
+ onDragExit?: (event: React.DragEvent<HTMLTableElement>) => void;
217
+ onDragExitCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
218
+ onDragLeave?: (event: React.DragEvent<HTMLTableElement>) => void;
219
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
220
+ onDragOver?: (event: React.DragEvent<HTMLTableElement>) => void;
221
+ onDragOverCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
222
+ onDragStart?: (event: React.DragEvent<HTMLTableElement>) => void;
223
+ onDragStartCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
224
+ onDrop?: (event: React.DragEvent<HTMLTableElement>) => void;
225
+ onDropCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
226
+ onMouseDown?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
227
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
228
+ onMouseEnter?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
229
+ onMouseLeave?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
230
+ onMouseMove?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
231
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
232
+ onMouseOut?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
233
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
234
+ onMouseOver?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
235
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
236
+ onMouseUp?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
237
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
238
+ onSelect?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
239
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
240
+ onTouchCancel?: (event: React.TouchEvent<HTMLTableElement>) => void;
241
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
242
+ onTouchEnd?: (event: React.TouchEvent<HTMLTableElement>) => void;
243
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
244
+ onTouchMove?: (event: React.TouchEvent<HTMLTableElement>) => void;
245
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
246
+ onTouchStart?: (event: React.TouchEvent<HTMLTableElement>) => void;
247
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
248
+ onPointerDown?: (event: React.PointerEvent<HTMLTableElement>) => void;
249
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
250
+ onPointerMove?: (event: React.PointerEvent<HTMLTableElement>) => void;
251
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
252
+ onPointerUp?: (event: React.PointerEvent<HTMLTableElement>) => void;
253
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
254
+ onPointerCancel?: (event: React.PointerEvent<HTMLTableElement>) => void;
255
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
256
+ onPointerEnter?: (event: React.PointerEvent<HTMLTableElement>) => void;
257
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
258
+ onPointerLeave?: (event: React.PointerEvent<HTMLTableElement>) => void;
259
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
260
+ onPointerOver?: (event: React.PointerEvent<HTMLTableElement>) => void;
261
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
262
+ onPointerOut?: (event: React.PointerEvent<HTMLTableElement>) => void;
263
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
264
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
265
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
266
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
267
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
268
+ onScroll?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
269
+ onScrollCapture?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
270
+ onWheel?: (event: React.WheelEvent<HTMLTableElement>) => void;
271
+ onWheelCapture?: (event: React.WheelEvent<HTMLTableElement>) => void;
272
+ onAnimationStart?: (event: React.AnimationEvent<HTMLTableElement>) => void;
273
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
274
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLTableElement>) => void;
275
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
276
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLTableElement>) => void;
277
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
278
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLTableElement>) => void;
279
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLTableElement>) => void;
280
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
281
+ };
282
+ };
283
+ export declare const WithDropdown: {
284
+ (args: any): JSX.Element;
285
+ args: {
286
+ density?: TableDensity;
287
+ hasHoverStyles?: boolean;
288
+ hasVerticalBorders?: boolean;
289
+ hasZebraStripes?: boolean;
290
+ isInverse?: boolean;
291
+ isSelectable?: boolean;
292
+ minWidth?: number;
293
+ rowCount?: number;
294
+ selectedItems?: number[];
295
+ testId?: string;
296
+ defaultChecked?: boolean;
297
+ defaultValue?: string | number | readonly string[];
298
+ suppressContentEditableWarning?: boolean;
299
+ suppressHydrationWarning?: boolean;
300
+ accessKey?: string;
301
+ className?: string;
302
+ contentEditable?: boolean | "inherit" | "true" | "false";
303
+ contextMenu?: string;
304
+ dir?: string;
305
+ draggable?: boolean | "true" | "false";
306
+ hidden?: boolean;
307
+ id?: string;
308
+ lang?: string;
309
+ placeholder?: string;
310
+ slot?: string;
311
+ spellCheck?: boolean | "true" | "false";
312
+ style?: React.CSSProperties;
313
+ tabIndex?: number;
314
+ title?: string;
315
+ translate?: "yes" | "no";
316
+ radioGroup?: string;
317
+ role?: React.AriaRole;
318
+ about?: string;
319
+ datatype?: string;
320
+ inlist?: any;
321
+ prefix?: string;
322
+ property?: string;
323
+ resource?: string;
324
+ typeof?: string;
325
+ vocab?: string;
326
+ autoCapitalize?: string;
327
+ autoCorrect?: string;
328
+ autoSave?: string;
329
+ color?: string;
330
+ itemProp?: string;
331
+ itemScope?: boolean;
332
+ itemType?: string;
333
+ itemID?: string;
334
+ itemRef?: string;
335
+ results?: number;
336
+ security?: string;
337
+ unselectable?: "on" | "off";
338
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
339
+ is?: string;
340
+ 'aria-activedescendant'?: string;
341
+ 'aria-atomic'?: boolean | "true" | "false";
342
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both";
343
+ 'aria-busy'?: boolean | "true" | "false";
344
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
345
+ 'aria-colcount'?: number;
346
+ 'aria-colindex'?: number;
347
+ 'aria-colspan'?: number;
348
+ 'aria-controls'?: string;
349
+ 'aria-current'?: boolean | "step" | "time" | "true" | "false" | "page" | "location" | "date";
350
+ 'aria-describedby'?: string;
351
+ 'aria-details'?: string;
352
+ 'aria-disabled'?: boolean | "true" | "false";
353
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup";
354
+ 'aria-errormessage'?: string;
355
+ 'aria-expanded'?: boolean | "true" | "false";
356
+ 'aria-flowto'?: string;
357
+ 'aria-grabbed'?: boolean | "true" | "false";
358
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
359
+ 'aria-hidden'?: boolean | "true" | "false";
360
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
361
+ 'aria-keyshortcuts'?: string;
362
+ 'aria-label'?: string;
363
+ 'aria-labelledby'?: string;
364
+ 'aria-level'?: number;
365
+ 'aria-live'?: "off" | "assertive" | "polite";
366
+ 'aria-modal'?: boolean | "true" | "false";
367
+ 'aria-multiline'?: boolean | "true" | "false";
368
+ 'aria-multiselectable'?: boolean | "true" | "false";
369
+ 'aria-orientation'?: "horizontal" | "vertical";
370
+ 'aria-owns'?: string;
371
+ 'aria-placeholder'?: string;
372
+ 'aria-posinset'?: number;
373
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
374
+ 'aria-readonly'?: boolean | "true" | "false";
375
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
376
+ 'aria-required'?: boolean | "true" | "false";
377
+ 'aria-roledescription'?: string;
378
+ 'aria-rowcount'?: number;
379
+ 'aria-rowindex'?: number;
380
+ 'aria-rowspan'?: number;
381
+ 'aria-selected'?: boolean | "true" | "false";
382
+ 'aria-setsize'?: number;
383
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
384
+ 'aria-valuemax'?: number;
385
+ 'aria-valuemin'?: number;
386
+ 'aria-valuenow'?: number;
387
+ 'aria-valuetext'?: string;
388
+ children?: React.ReactNode;
389
+ dangerouslySetInnerHTML?: {
390
+ __html: string;
391
+ };
392
+ onCopy?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
393
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
394
+ onCut?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
395
+ onCutCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
396
+ onPaste?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
397
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
398
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLTableElement>) => void;
399
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
400
+ onCompositionStart?: (event: React.CompositionEvent<HTMLTableElement>) => void;
401
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
402
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLTableElement>) => void;
403
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
404
+ onFocus?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
405
+ onFocusCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
406
+ onBlur?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
407
+ onBlurCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
408
+ onChange?: (event: React.FormEvent<HTMLTableElement>) => void;
409
+ onChangeCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
410
+ onBeforeInput?: (event: React.FormEvent<HTMLTableElement>) => void;
411
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
412
+ onInput?: (event: React.FormEvent<HTMLTableElement>) => void;
413
+ onInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
414
+ onReset?: (event: React.FormEvent<HTMLTableElement>) => void;
415
+ onResetCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
416
+ onSubmit?: (event: React.FormEvent<HTMLTableElement>) => void;
417
+ onSubmitCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
418
+ onInvalid?: (event: React.FormEvent<HTMLTableElement>) => void;
419
+ onInvalidCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
420
+ onLoad?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
421
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
422
+ onError?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
423
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
424
+ onKeyDown?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
425
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
426
+ onKeyPress?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
427
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
428
+ onKeyUp?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
429
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
430
+ onAbort?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
431
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
432
+ onCanPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
433
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
434
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
435
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
436
+ onDurationChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
437
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
438
+ onEmptied?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
439
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
440
+ onEncrypted?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
441
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
442
+ onEnded?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
443
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
444
+ onLoadedData?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
445
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
446
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
447
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
448
+ onLoadStart?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
449
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
450
+ onPause?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
451
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
452
+ onPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
453
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
454
+ onPlaying?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
455
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
456
+ onProgress?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
457
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
458
+ onRateChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
459
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
460
+ onSeeked?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
461
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
462
+ onSeeking?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
463
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
464
+ onStalled?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
465
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
466
+ onSuspend?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
467
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
468
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
469
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
470
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
471
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
472
+ onWaiting?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
473
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
474
+ onAuxClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
475
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
476
+ onClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
477
+ onClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
478
+ onContextMenu?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
479
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
480
+ onDoubleClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
481
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
482
+ onDrag?: (event: React.DragEvent<HTMLTableElement>) => void;
483
+ onDragCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
484
+ onDragEnd?: (event: React.DragEvent<HTMLTableElement>) => void;
485
+ onDragEndCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
486
+ onDragEnter?: (event: React.DragEvent<HTMLTableElement>) => void;
487
+ onDragEnterCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
488
+ onDragExit?: (event: React.DragEvent<HTMLTableElement>) => void;
489
+ onDragExitCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
490
+ onDragLeave?: (event: React.DragEvent<HTMLTableElement>) => void;
491
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
492
+ onDragOver?: (event: React.DragEvent<HTMLTableElement>) => void;
493
+ onDragOverCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
494
+ onDragStart?: (event: React.DragEvent<HTMLTableElement>) => void;
495
+ onDragStartCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
496
+ onDrop?: (event: React.DragEvent<HTMLTableElement>) => void;
497
+ onDropCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
498
+ onMouseDown?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
499
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
500
+ onMouseEnter?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
501
+ onMouseLeave?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
502
+ onMouseMove?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
503
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
504
+ onMouseOut?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
505
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
506
+ onMouseOver?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
507
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
508
+ onMouseUp?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
509
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
510
+ onSelect?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
511
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
512
+ onTouchCancel?: (event: React.TouchEvent<HTMLTableElement>) => void;
513
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
514
+ onTouchEnd?: (event: React.TouchEvent<HTMLTableElement>) => void;
515
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
516
+ onTouchMove?: (event: React.TouchEvent<HTMLTableElement>) => void;
517
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
518
+ onTouchStart?: (event: React.TouchEvent<HTMLTableElement>) => void;
519
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
520
+ onPointerDown?: (event: React.PointerEvent<HTMLTableElement>) => void;
521
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
522
+ onPointerMove?: (event: React.PointerEvent<HTMLTableElement>) => void;
523
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
524
+ onPointerUp?: (event: React.PointerEvent<HTMLTableElement>) => void;
525
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
526
+ onPointerCancel?: (event: React.PointerEvent<HTMLTableElement>) => void;
527
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
528
+ onPointerEnter?: (event: React.PointerEvent<HTMLTableElement>) => void;
529
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
530
+ onPointerLeave?: (event: React.PointerEvent<HTMLTableElement>) => void;
531
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
532
+ onPointerOver?: (event: React.PointerEvent<HTMLTableElement>) => void;
533
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
534
+ onPointerOut?: (event: React.PointerEvent<HTMLTableElement>) => void;
535
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
536
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
537
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
538
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
539
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
540
+ onScroll?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
541
+ onScrollCapture?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
542
+ onWheel?: (event: React.WheelEvent<HTMLTableElement>) => void;
543
+ onWheelCapture?: (event: React.WheelEvent<HTMLTableElement>) => void;
544
+ onAnimationStart?: (event: React.AnimationEvent<HTMLTableElement>) => void;
545
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
546
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLTableElement>) => void;
547
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
548
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLTableElement>) => void;
549
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
550
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLTableElement>) => void;
551
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLTableElement>) => void;
552
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
553
+ };
554
+ };
package/dist/components/Tabs/Tabs.stories.d.ts CHANGED
@@ -5,3 +5,5 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
5
5
  export declare const Icon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
6
6
  export declare const IconOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
7
7
  export declare const Scrolling: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
8
+ export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
9
+ export declare const WithDropdown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;