kui-basic 1.0.20 → 1.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +136 -137
- package/dist/index.es.js +32 -31
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +32 -31
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import * as React
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { HTMLInputTypeAttribute, ReactElement, SyntheticEvent } from 'react';
|
|
3
|
-
import { Palette as Palette$1, GreyColors as GreyColors$1, BrandColors as BrandColors$1, ColorOption as ColorOption$1, BackgroundColors as BackgroundColors$1 } from 'kui-complex/src/theme/types';
|
|
4
3
|
|
|
5
4
|
interface BrandColors {
|
|
6
5
|
main: string
|
|
@@ -154,20 +153,20 @@ type CaptionWeight = 400 | 500 | 600 | 700
|
|
|
154
153
|
|
|
155
154
|
type CaptionAlign = "center" | "right" | "left"
|
|
156
155
|
|
|
157
|
-
type CaptionColorGroups = keyof Palette
|
|
156
|
+
type CaptionColorGroups = keyof Palette
|
|
158
157
|
|
|
159
158
|
type CaptionColors =
|
|
160
|
-
| keyof GreyColors
|
|
161
|
-
| keyof BrandColors
|
|
162
|
-
| keyof ColorOption
|
|
163
|
-
| keyof BackgroundColors
|
|
159
|
+
| keyof GreyColors
|
|
160
|
+
| keyof BrandColors
|
|
161
|
+
| keyof ColorOption
|
|
162
|
+
| keyof BackgroundColors
|
|
164
163
|
|
|
165
164
|
interface CaptionProps
|
|
166
|
-
extends React
|
|
167
|
-
React
|
|
165
|
+
extends React.DetailedHTMLProps<
|
|
166
|
+
React.HTMLAttributes<HTMLParagraphElement>,
|
|
168
167
|
HTMLParagraphElement
|
|
169
168
|
>,
|
|
170
|
-
React
|
|
169
|
+
React.AriaAttributes {
|
|
171
170
|
size?: CaptionSizes
|
|
172
171
|
weight?: CaptionWeight
|
|
173
172
|
color?: CaptionColors
|
|
@@ -176,7 +175,7 @@ interface CaptionProps
|
|
|
176
175
|
colorGroup?: CaptionColorGroups
|
|
177
176
|
}
|
|
178
177
|
|
|
179
|
-
type CaptionType = (props: CaptionProps) => React
|
|
178
|
+
type CaptionType = (props: CaptionProps) => React.ReactElement
|
|
180
179
|
|
|
181
180
|
declare const Caption: CaptionType
|
|
182
181
|
|
|
@@ -212,17 +211,17 @@ type ButtonTypes = "button" | "submit"
|
|
|
212
211
|
type ButtonBorder = "brand" | "lightGray" | "lightOrange"
|
|
213
212
|
|
|
214
213
|
interface ButtonProps
|
|
215
|
-
extends React
|
|
216
|
-
React
|
|
214
|
+
extends React.DetailedHTMLProps<
|
|
215
|
+
React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
217
216
|
HTMLButtonElement
|
|
218
217
|
>,
|
|
219
|
-
React
|
|
218
|
+
React.AriaAttributes {
|
|
220
219
|
variant?: ButtonThemes
|
|
221
220
|
size?: ButtonSizes
|
|
222
221
|
type?: ButtonTypes
|
|
223
222
|
fullWidth?: boolean
|
|
224
|
-
endIcon?: React
|
|
225
|
-
startIcon?: React
|
|
223
|
+
endIcon?: React.ReactElement
|
|
224
|
+
startIcon?: React.ReactElement
|
|
226
225
|
disabled?: boolean
|
|
227
226
|
isCircle?: boolean
|
|
228
227
|
captionSize?: CaptionSizes
|
|
@@ -231,33 +230,33 @@ interface ButtonProps
|
|
|
231
230
|
border?: ButtonBorder
|
|
232
231
|
}
|
|
233
232
|
|
|
234
|
-
type ButtonType = (props: ButtonProps) => React
|
|
233
|
+
type ButtonType = (props: ButtonProps) => React.ReactElement
|
|
235
234
|
|
|
236
235
|
declare const Button: ButtonType
|
|
237
236
|
|
|
238
237
|
interface CheckboxProps
|
|
239
|
-
extends React
|
|
240
|
-
React
|
|
238
|
+
extends React.DetailedHTMLProps<
|
|
239
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
241
240
|
HTMLInputElement
|
|
242
241
|
>,
|
|
243
|
-
React
|
|
242
|
+
React.AriaAttributes {
|
|
244
243
|
error?: any
|
|
245
|
-
label?: React
|
|
246
|
-
inputRef?: React
|
|
244
|
+
label?: React.ReactElement | string
|
|
245
|
+
inputRef?: React.RefObject<HTMLInputElement>
|
|
247
246
|
}
|
|
248
247
|
|
|
249
|
-
type CheckboxType = (props: CheckboxProps) => React
|
|
248
|
+
type CheckboxType = (props: CheckboxProps) => React.ReactElement
|
|
250
249
|
|
|
251
250
|
declare const Checkbox: CheckboxType
|
|
252
251
|
|
|
253
252
|
interface DividerProps
|
|
254
|
-
extends React
|
|
255
|
-
React
|
|
253
|
+
extends React.DetailedHTMLProps<
|
|
254
|
+
React.HTMLAttributes<HTMLHRElement>,
|
|
256
255
|
HTMLHRElement
|
|
257
256
|
>,
|
|
258
|
-
React
|
|
257
|
+
React.AriaAttributes {}
|
|
259
258
|
|
|
260
|
-
type DividerType = (props: DividerProps) => React
|
|
259
|
+
type DividerType = (props: DividerProps) => React.ReactElement
|
|
261
260
|
|
|
262
261
|
declare const Divider: DividerType
|
|
263
262
|
|
|
@@ -268,11 +267,11 @@ type HeadingColors = CaptionColors
|
|
|
268
267
|
type HeadingColorGroups = CaptionColorGroups
|
|
269
268
|
|
|
270
269
|
interface HeadingProps
|
|
271
|
-
extends React
|
|
272
|
-
React
|
|
270
|
+
extends React.DetailedHTMLProps<
|
|
271
|
+
React.HTMLAttributes<HTMLElement>,
|
|
273
272
|
HTMLElement
|
|
274
273
|
>,
|
|
275
|
-
React
|
|
274
|
+
React.AriaAttributes {
|
|
276
275
|
size?: HeadingSizes
|
|
277
276
|
uppercase?: boolean
|
|
278
277
|
disableUserSelect?: boolean
|
|
@@ -282,23 +281,23 @@ interface HeadingProps
|
|
|
282
281
|
align?: "center" | "right" | "left"
|
|
283
282
|
}
|
|
284
283
|
|
|
285
|
-
type HeadingType = (props: HeadingProps) => React
|
|
284
|
+
type HeadingType = (props: HeadingProps) => React.ReactElement
|
|
286
285
|
|
|
287
286
|
declare const Heading: HeadingType
|
|
288
287
|
|
|
289
288
|
interface InputProps
|
|
290
|
-
extends React
|
|
291
|
-
React
|
|
289
|
+
extends React.DetailedHTMLProps<
|
|
290
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
292
291
|
HTMLInputElement
|
|
293
292
|
>,
|
|
294
|
-
React
|
|
293
|
+
React.AriaAttributes {
|
|
295
294
|
isTextArea?: boolean
|
|
296
|
-
inputRef?: React
|
|
295
|
+
inputRef?: React.RefObject<HTMLInputElement | null>
|
|
297
296
|
inputStyles?: string
|
|
298
297
|
labelStyles?: string
|
|
299
298
|
label?: string
|
|
300
|
-
startIcon?: string | React
|
|
301
|
-
endIcon?: string | React
|
|
299
|
+
startIcon?: string | React.ReactElement
|
|
300
|
+
endIcon?: string | React.ReactElement
|
|
302
301
|
messageClassName?: string
|
|
303
302
|
labelInlineStyles?: string
|
|
304
303
|
errorMessage?: string
|
|
@@ -306,37 +305,37 @@ interface InputProps
|
|
|
306
305
|
type?: HTMLInputTypeAttribute
|
|
307
306
|
}
|
|
308
307
|
|
|
309
|
-
type InputType = (props: InputProps) => React
|
|
308
|
+
type InputType = (props: InputProps) => React.ReactElement
|
|
310
309
|
|
|
311
310
|
declare const Input: InputType
|
|
312
311
|
|
|
313
312
|
interface InputFileProps
|
|
314
|
-
extends React
|
|
315
|
-
React
|
|
313
|
+
extends React.DetailedHTMLProps<
|
|
314
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
316
315
|
HTMLInputElement
|
|
317
316
|
>,
|
|
318
|
-
React
|
|
317
|
+
React.AriaAttributes {
|
|
319
318
|
label?: string
|
|
320
319
|
name?: string
|
|
321
320
|
}
|
|
322
321
|
|
|
323
|
-
type InputFileType = (props: InputFileProps) => React
|
|
322
|
+
type InputFileType = (props: InputFileProps) => React.ReactElement
|
|
324
323
|
|
|
325
324
|
declare const InputFile: InputFileType
|
|
326
325
|
|
|
327
326
|
type InputMessageVariant = "error" | "warning" | "success"
|
|
328
327
|
|
|
329
328
|
interface InputMessageProps
|
|
330
|
-
extends React
|
|
331
|
-
React
|
|
329
|
+
extends React.DetailedHTMLProps<
|
|
330
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
332
331
|
HTMLDivElement
|
|
333
332
|
>,
|
|
334
|
-
React
|
|
333
|
+
React.AriaAttributes {
|
|
335
334
|
msg?: string
|
|
336
335
|
variant?: InputMessageVariant
|
|
337
336
|
}
|
|
338
337
|
|
|
339
|
-
type InputMessageType = (props: InputMessageProps) => React
|
|
338
|
+
type InputMessageType = (props: InputMessageProps) => React.ReactElement
|
|
340
339
|
|
|
341
340
|
declare const InputMessage: InputMessageType
|
|
342
341
|
|
|
@@ -346,7 +345,7 @@ interface InputWithAdornmentsProps extends InputProps {
|
|
|
346
345
|
|
|
347
346
|
type InputWithAdornmentsType = (
|
|
348
347
|
props: InputWithAdornmentsProps
|
|
349
|
-
) => React
|
|
348
|
+
) => React.ReactElement
|
|
350
349
|
|
|
351
350
|
declare const InputWithAdornments: InputWithAdornmentsType
|
|
352
351
|
|
|
@@ -361,34 +360,34 @@ type CountryItem = {
|
|
|
361
360
|
interface InputWithCountryDropdownProps
|
|
362
361
|
extends InputWithAdornmentsProps {
|
|
363
362
|
onSelectCountry?: (country: CountryItem) => void
|
|
364
|
-
hiddenInputProps?: React
|
|
365
|
-
React
|
|
363
|
+
hiddenInputProps?: React.DetailedHTMLProps<
|
|
364
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
366
365
|
HTMLInputElement
|
|
367
366
|
>
|
|
368
367
|
}
|
|
369
368
|
|
|
370
369
|
type InputWithCountryDropdownType = (
|
|
371
370
|
props: InputWithCountryDropdownProps
|
|
372
|
-
) => React
|
|
371
|
+
) => React.ReactElement
|
|
373
372
|
|
|
374
373
|
declare const InputWithCountryDropdown: InputWithCountryDropdownType
|
|
375
374
|
|
|
376
|
-
interface InputWithMaskProps extends InputWithAdornmentsProps {
|
|
377
|
-
mask?: string
|
|
378
|
-
|
|
379
|
-
}
|
|
380
|
-
|
|
381
|
-
type InputWithMaskType = (
|
|
382
|
-
props: InputWithMaskProps
|
|
383
|
-
) => React.ReactElement
|
|
384
|
-
|
|
375
|
+
interface InputWithMaskProps extends InputWithAdornmentsProps {
|
|
376
|
+
mask?: string
|
|
377
|
+
value?: string | number | undefined
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
type InputWithMaskType = (
|
|
381
|
+
props: InputWithMaskProps
|
|
382
|
+
) => React.ReactElement
|
|
383
|
+
|
|
385
384
|
declare const InputWithMask: InputWithMaskType
|
|
386
385
|
|
|
387
386
|
type ModalSizes = "small" | "large"
|
|
388
387
|
|
|
389
388
|
interface ModalProps
|
|
390
|
-
extends React
|
|
391
|
-
React
|
|
389
|
+
extends React.DetailedHTMLProps<
|
|
390
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
392
391
|
HTMLDivElement
|
|
393
392
|
> {
|
|
394
393
|
isOpen?: boolean
|
|
@@ -400,21 +399,21 @@ interface ModalProps
|
|
|
400
399
|
description?: string
|
|
401
400
|
}
|
|
402
401
|
|
|
403
|
-
type ModalType = (props: ModalProps) => React
|
|
402
|
+
type ModalType = (props: ModalProps) => React.ReactElement
|
|
404
403
|
|
|
405
404
|
declare const Modal: ModalType
|
|
406
405
|
|
|
407
406
|
interface RadioProps
|
|
408
|
-
extends React
|
|
409
|
-
React
|
|
407
|
+
extends React.DetailedHTMLProps<
|
|
408
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
410
409
|
HTMLInputElement
|
|
411
410
|
>,
|
|
412
|
-
React
|
|
413
|
-
label?: React
|
|
414
|
-
inputRef?: React
|
|
411
|
+
React.AriaAttributes {
|
|
412
|
+
label?: React.ReactElement | string
|
|
413
|
+
inputRef?: React.RefObject<HTMLInputElement>
|
|
415
414
|
}
|
|
416
415
|
|
|
417
|
-
type RadioType = (props: RadioProps) => React
|
|
416
|
+
type RadioType = (props: RadioProps) => React.ReactElement
|
|
418
417
|
|
|
419
418
|
declare const Radio: RadioType
|
|
420
419
|
|
|
@@ -422,18 +421,18 @@ type SwitchSizes = "s" | "m" | "l"
|
|
|
422
421
|
|
|
423
422
|
// @ts-ignore
|
|
424
423
|
interface SwitchProps
|
|
425
|
-
extends React
|
|
426
|
-
React
|
|
424
|
+
extends React.DetailedHTMLProps<
|
|
425
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
427
426
|
HTMLInputElement
|
|
428
427
|
>,
|
|
429
|
-
React
|
|
428
|
+
React.AriaAttributes {
|
|
430
429
|
error?: any
|
|
431
|
-
label?: React
|
|
432
|
-
inputRef?: React
|
|
430
|
+
label?: React.ReactElement | string
|
|
431
|
+
inputRef?: React.RefObject<HTMLInputElement>
|
|
433
432
|
size?: SwitchSizes
|
|
434
433
|
}
|
|
435
434
|
|
|
436
|
-
type SwitchType = (props: SwitchProps) => React
|
|
435
|
+
type SwitchType = (props: SwitchProps) => React.ReactElement
|
|
437
436
|
|
|
438
437
|
declare const Switch: SwitchType
|
|
439
438
|
|
|
@@ -450,27 +449,27 @@ type TextColors =
|
|
|
450
449
|
| "brand"
|
|
451
450
|
|
|
452
451
|
interface TextProps
|
|
453
|
-
extends React
|
|
454
|
-
React
|
|
452
|
+
extends React.DetailedHTMLProps<
|
|
453
|
+
React.HTMLAttributes<HTMLParagraphElement>,
|
|
455
454
|
HTMLParagraphElement
|
|
456
455
|
>,
|
|
457
|
-
React
|
|
456
|
+
React.AriaAttributes {
|
|
458
457
|
size?: TextSizes
|
|
459
458
|
weight?: TextWeight
|
|
460
459
|
color?: TextColors
|
|
461
460
|
disableUserSelect?: boolean
|
|
462
461
|
}
|
|
463
462
|
|
|
464
|
-
type TextType = (props: TextProps) => React
|
|
463
|
+
type TextType = (props: TextProps) => React.ReactElement
|
|
465
464
|
|
|
466
465
|
declare const Text: TextType
|
|
467
466
|
|
|
468
467
|
type ContainerType = (
|
|
469
|
-
props: React
|
|
470
|
-
React
|
|
468
|
+
props: React.DetailedHTMLProps<
|
|
469
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
471
470
|
HTMLDivElement
|
|
472
471
|
>
|
|
473
|
-
) => React
|
|
472
|
+
) => React.ReactElement
|
|
474
473
|
|
|
475
474
|
declare const Container: ContainerType
|
|
476
475
|
|
|
@@ -498,11 +497,11 @@ type GridSizing =
|
|
|
498
497
|
| "auto"
|
|
499
498
|
|
|
500
499
|
interface GridProps
|
|
501
|
-
extends React
|
|
502
|
-
React
|
|
500
|
+
extends React.DetailedHTMLProps<
|
|
501
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
503
502
|
HTMLDivElement
|
|
504
503
|
>,
|
|
505
|
-
React
|
|
504
|
+
React.AriaAttributes {
|
|
506
505
|
spacing?: GridSizing
|
|
507
506
|
item?: boolean
|
|
508
507
|
container?: boolean
|
|
@@ -518,18 +517,18 @@ interface GridProps
|
|
|
518
517
|
xl?: GridSizing
|
|
519
518
|
}
|
|
520
519
|
|
|
521
|
-
type GridType = (props: GridProps) => React
|
|
520
|
+
type GridType = (props: GridProps) => React.ReactElement
|
|
522
521
|
|
|
523
522
|
declare const Grid: GridType
|
|
524
523
|
|
|
525
524
|
type BoxSizing = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12
|
|
526
525
|
|
|
527
526
|
interface BoxProps
|
|
528
|
-
extends React
|
|
529
|
-
React
|
|
527
|
+
extends React.DetailedHTMLProps<
|
|
528
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
530
529
|
HTMLDivElement
|
|
531
530
|
>,
|
|
532
|
-
React
|
|
531
|
+
React.AriaAttributes {
|
|
533
532
|
mt?: BoxSizing
|
|
534
533
|
mr?: BoxSizing
|
|
535
534
|
ml?: BoxSizing
|
|
@@ -540,14 +539,14 @@ interface BoxProps
|
|
|
540
539
|
pb?: BoxSizing
|
|
541
540
|
}
|
|
542
541
|
|
|
543
|
-
type BoxType = (props: BoxProps) => React
|
|
542
|
+
type BoxType = (props: BoxProps) => React.ReactElement
|
|
544
543
|
|
|
545
544
|
declare const Box: BoxType
|
|
546
545
|
|
|
547
546
|
interface AccordionProps
|
|
548
547
|
extends Omit<
|
|
549
|
-
React
|
|
550
|
-
React
|
|
548
|
+
React.DetailedHTMLProps<
|
|
549
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
551
550
|
HTMLDivElement
|
|
552
551
|
>,
|
|
553
552
|
"onChange"
|
|
@@ -556,18 +555,18 @@ interface AccordionProps
|
|
|
556
555
|
onChange?: (expanded: boolean) => void
|
|
557
556
|
}
|
|
558
557
|
|
|
559
|
-
type AccordionType = (props: AccordionProps) => React
|
|
558
|
+
type AccordionType = (props: AccordionProps) => React.ReactElement
|
|
560
559
|
|
|
561
560
|
declare const Accordion: AccordionType
|
|
562
561
|
|
|
563
562
|
interface AccordionSummaryProps
|
|
564
|
-
extends React
|
|
565
|
-
React
|
|
563
|
+
extends React.DetailedHTMLProps<
|
|
564
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
566
565
|
HTMLDivElement
|
|
567
566
|
>,
|
|
568
|
-
React
|
|
569
|
-
detailsBlock?: React
|
|
570
|
-
expandIcon?: React
|
|
567
|
+
React.AriaAttributes {
|
|
568
|
+
detailsBlock?: React.RefObject<HTMLDivElement>
|
|
569
|
+
expandIcon?: React.ReactElement | React.ReactElement[] | string
|
|
571
570
|
contentStyles?: string
|
|
572
571
|
expandedStyles?: string
|
|
573
572
|
iconStyles?: string
|
|
@@ -575,72 +574,72 @@ interface AccordionSummaryProps
|
|
|
575
574
|
|
|
576
575
|
type AccordionSummaryType = (
|
|
577
576
|
props: AccordionSummaryProps
|
|
578
|
-
) => React
|
|
577
|
+
) => React.ReactElement
|
|
579
578
|
|
|
580
579
|
declare const AccordionSummary: AccordionSummaryType
|
|
581
580
|
|
|
582
581
|
type AccordionDetailsType = (
|
|
583
|
-
props: React
|
|
584
|
-
React
|
|
582
|
+
props: React.DetailedHTMLProps<
|
|
583
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
585
584
|
HTMLDivElement
|
|
586
585
|
>
|
|
587
|
-
) => React
|
|
586
|
+
) => React.ReactElement
|
|
588
587
|
|
|
589
588
|
declare const AccordionDetails: AccordionDetailsType
|
|
590
589
|
|
|
591
590
|
type SkeletonType = (
|
|
592
|
-
props: React
|
|
593
|
-
React
|
|
591
|
+
props: React.DetailedHTMLProps<
|
|
592
|
+
React.HTMLAttributes<HTMLSpanElement>,
|
|
594
593
|
HTMLSpanElement
|
|
595
594
|
>
|
|
596
|
-
) => React
|
|
595
|
+
) => React.ReactElement
|
|
597
596
|
|
|
598
597
|
declare const Skeleton: SkeletonType
|
|
599
598
|
|
|
600
599
|
interface AppBarProps
|
|
601
|
-
extends React
|
|
602
|
-
React
|
|
600
|
+
extends React.DetailedHTMLProps<
|
|
601
|
+
React.HTMLAttributes<HTMLElement>,
|
|
603
602
|
HTMLElement
|
|
604
603
|
>,
|
|
605
|
-
React
|
|
604
|
+
React.AriaAttributes {
|
|
606
605
|
isFixed?: boolean
|
|
607
606
|
}
|
|
608
607
|
|
|
609
|
-
type AppBarType = (props: AppBarProps) => React
|
|
608
|
+
type AppBarType = (props: AppBarProps) => React.ReactElement
|
|
610
609
|
|
|
611
610
|
declare const AppBar: AppBarType
|
|
612
611
|
|
|
613
612
|
type ToolBarType = (
|
|
614
|
-
props: React
|
|
615
|
-
React
|
|
613
|
+
props: React.DetailedHTMLProps<
|
|
614
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
616
615
|
HTMLDivElement
|
|
617
616
|
>
|
|
618
|
-
) => React
|
|
617
|
+
) => React.ReactElement
|
|
619
618
|
|
|
620
619
|
declare const ToolBar: ToolBarType
|
|
621
620
|
|
|
622
621
|
interface CircularProgressProps
|
|
623
|
-
extends React
|
|
624
|
-
React
|
|
622
|
+
extends React.DetailedHTMLProps<
|
|
623
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
625
624
|
HTMLDivElement
|
|
626
625
|
>,
|
|
627
|
-
React
|
|
626
|
+
React.AriaAttributes {
|
|
628
627
|
svgStyles?: string
|
|
629
628
|
circleStyles?: string
|
|
630
629
|
}
|
|
631
630
|
|
|
632
631
|
type CircularProgressType = (
|
|
633
632
|
props: CircularProgressProps
|
|
634
|
-
) => React
|
|
633
|
+
) => React.ReactElement
|
|
635
634
|
|
|
636
635
|
declare const CircularProgress: CircularProgressType
|
|
637
636
|
|
|
638
637
|
interface LinearProgressProps
|
|
639
|
-
extends React
|
|
640
|
-
React
|
|
638
|
+
extends React.DetailedHTMLProps<
|
|
639
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
641
640
|
HTMLDivElement
|
|
642
641
|
>,
|
|
643
|
-
React
|
|
642
|
+
React.AriaAttributes {
|
|
644
643
|
className?: string
|
|
645
644
|
progressBarStyles?: string
|
|
646
645
|
value?: number
|
|
@@ -648,7 +647,7 @@ interface LinearProgressProps
|
|
|
648
647
|
|
|
649
648
|
type LinearProgressType = (
|
|
650
649
|
props: LinearProgressProps
|
|
651
|
-
) => React
|
|
650
|
+
) => React.ReactElement
|
|
652
651
|
|
|
653
652
|
declare const LinearProgress: LinearProgressType
|
|
654
653
|
|
|
@@ -659,8 +658,8 @@ type TabChangeHandlerType = (
|
|
|
659
658
|
|
|
660
659
|
interface TabProps
|
|
661
660
|
extends Omit<
|
|
662
|
-
React
|
|
663
|
-
React
|
|
661
|
+
React.DetailedHTMLProps<
|
|
662
|
+
React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
664
663
|
HTMLButtonElement
|
|
665
664
|
>,
|
|
666
665
|
"onChange"
|
|
@@ -671,7 +670,7 @@ interface TabProps
|
|
|
671
670
|
onChange?: TabChangeHandlerType
|
|
672
671
|
}
|
|
673
672
|
|
|
674
|
-
type TabType = (props: TabProps) => React
|
|
673
|
+
type TabType = (props: TabProps) => React.ReactElement
|
|
675
674
|
|
|
676
675
|
declare const Tab: TabType
|
|
677
676
|
|
|
@@ -679,8 +678,8 @@ type TabsIndicatorPositions = "bottom" | "top"
|
|
|
679
678
|
|
|
680
679
|
interface TabsProps
|
|
681
680
|
extends Omit<
|
|
682
|
-
React
|
|
683
|
-
React
|
|
681
|
+
React.DetailedHTMLProps<
|
|
682
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
684
683
|
HTMLDivElement
|
|
685
684
|
>,
|
|
686
685
|
"onChange"
|
|
@@ -690,34 +689,34 @@ interface TabsProps
|
|
|
690
689
|
indicatorPos?: TabsIndicatorPositions
|
|
691
690
|
}
|
|
692
691
|
|
|
693
|
-
type TabsType = (props: TabsProps) => React
|
|
692
|
+
type TabsType = (props: TabsProps) => React.ReactElement
|
|
694
693
|
|
|
695
694
|
declare const Tabs: TabsType
|
|
696
695
|
|
|
697
696
|
interface TabsPanelProps
|
|
698
697
|
extends Omit<
|
|
699
|
-
React
|
|
700
|
-
React
|
|
698
|
+
React.DetailedHTMLProps<
|
|
699
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
701
700
|
HTMLDivElement
|
|
702
701
|
>,
|
|
703
702
|
"onChange"
|
|
704
703
|
> {
|
|
705
704
|
tabs: string[]
|
|
706
|
-
tabPanels: React
|
|
705
|
+
tabPanels: React.ReactNode[]
|
|
707
706
|
paths?: string[]
|
|
708
707
|
activeTab?: number
|
|
709
708
|
onChange?: TabChangeHandlerType
|
|
710
709
|
indicatorPos?: TabsIndicatorPositions
|
|
711
710
|
}
|
|
712
711
|
|
|
713
|
-
type TabsPanelType = (props: TabsPanelProps) => React
|
|
712
|
+
type TabsPanelType = (props: TabsPanelProps) => React.ReactElement
|
|
714
713
|
|
|
715
714
|
declare const TabsPanel: TabsPanelType
|
|
716
715
|
|
|
717
716
|
interface MenuPanelProps
|
|
718
717
|
extends Omit<
|
|
719
|
-
React
|
|
720
|
-
React
|
|
718
|
+
React.DetailedHTMLProps<
|
|
719
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
721
720
|
HTMLDivElement
|
|
722
721
|
>,
|
|
723
722
|
"onChange"
|
|
@@ -730,19 +729,19 @@ interface MenuPanelProps
|
|
|
730
729
|
indicatorPos?: TabsIndicatorPositions
|
|
731
730
|
}
|
|
732
731
|
|
|
733
|
-
type MenuPanelType = (props: MenuPanelProps) => React
|
|
732
|
+
type MenuPanelType = (props: MenuPanelProps) => React.ReactElement
|
|
734
733
|
|
|
735
734
|
declare const MenuPanel: MenuPanelType
|
|
736
735
|
|
|
737
736
|
interface IconButtonProps
|
|
738
|
-
extends React
|
|
739
|
-
React
|
|
737
|
+
extends React.DetailedHTMLProps<
|
|
738
|
+
React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
740
739
|
HTMLButtonElement
|
|
741
740
|
>,
|
|
742
|
-
React
|
|
741
|
+
React.AriaAttributes {}
|
|
743
742
|
|
|
744
|
-
type IconButtonType = (props: IconButtonProps) => React
|
|
743
|
+
type IconButtonType = (props: IconButtonProps) => React.ReactElement
|
|
745
744
|
|
|
746
745
|
declare const IconButton: IconButtonType
|
|
747
746
|
|
|
748
|
-
export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, theme, themeOld };
|
|
747
|
+
export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, theme, themeOld };
|