@nycplanning/streetscape 0.20.0 → 0.21.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.
- package/dist/StreetscapeProvider.d.ts +0 -1
- package/dist/components/Accordion/Accordion.d.ts +4 -4
- package/dist/components/Button/ButtonGroup.d.ts +1 -1
- package/dist/components/Button/IconButton.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/CloseButton/CloseButton.d.ts +1 -1
- package/dist/components/Combobox/Combobox.d.ts +29 -0
- package/dist/components/Combobox/index.d.ts +2 -0
- package/dist/components/Drawer/Drawer.d.ts +6 -6
- package/dist/components/FormControl/FormControl.d.ts +1 -1
- package/dist/components/FormControl/FormErrorMessage.d.ts +1 -1
- package/dist/components/FormControl/FormLabel.d.ts +1 -1
- package/dist/components/Icon/MapPinIcon.d.ts +2 -0
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +6 -6
- package/dist/components/NumberInput/Number-Decrement-Stepper.d.ts +1 -1
- package/dist/components/NumberInput/Number-Increment-Stepper.d.ts +1 -1
- package/dist/components/NumberInput/Number-Input-Field.d.ts +1 -1
- package/dist/components/NumberInput/Number-Input-Stepper.d.ts +1 -1
- package/dist/components/NumberInput/Number-Input.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +21 -0
- package/dist/components/Popover/index.d.ts +2 -0
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Slider/Slider.d.ts +16 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Switch/Switch.d.ts +1 -1
- package/dist/components/Table/Table.d.ts +9 -9
- package/dist/components/Tabs/Tabs.d.ts +5 -5
- package/dist/components/Tag/Tag.d.ts +5 -5
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/index.js +1346 -2326
- package/dist/index.js.map +1 -1
- package/dist/theme/components/alert.d.ts +75 -0
- package/dist/theme/components/close-button.d.ts +1 -1
- package/dist/theme/components/combobox.d.ts +113 -0
- package/dist/theme/components/form-control.d.ts +2 -2
- package/dist/theme/components/form-error.d.ts +2 -2
- package/dist/theme/components/index.d.ts +292 -17
- package/dist/theme/components/popover.d.ts +83 -0
- package/dist/theme/components/slider.d.ts +53 -0
- package/dist/theme/components/switch.d.ts +24 -6
- package/dist/theme/components/tabs.d.ts +5 -2
- package/dist/theme/components/tag.d.ts +2 -2
- package/dist/theme/semantic-tokens/colors.d.ts +1 -0
- package/dist/theme/semantic-tokens/index.d.ts +1 -0
- package/dist/theme/tokens/colors.d.ts +1 -0
- package/dist/theme/tokens/font-sizes.d.ts +1 -0
- package/dist/theme/tokens/index.d.ts +2 -0
- package/package.json +3 -1
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
export declare const alertTheme: {
|
|
2
|
+
baseStyle?: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
3
|
+
keys: ("container" | "icon" | "spinner" | "title" | "description")[];
|
|
4
|
+
}> | undefined;
|
|
5
|
+
sizes?: {
|
|
6
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
7
|
+
keys: ("container" | "icon" | "spinner" | "title" | "description")[];
|
|
8
|
+
}>;
|
|
9
|
+
} | undefined;
|
|
10
|
+
variants?: {
|
|
11
|
+
outline: {
|
|
12
|
+
container: {
|
|
13
|
+
border: string;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
borderRadius: string;
|
|
16
|
+
alignItems: string;
|
|
17
|
+
width: string;
|
|
18
|
+
minWidth: string;
|
|
19
|
+
'&[data-status="error"]': {
|
|
20
|
+
borderColor: string;
|
|
21
|
+
};
|
|
22
|
+
'&[data-status="success"]': {
|
|
23
|
+
borderColor: string;
|
|
24
|
+
};
|
|
25
|
+
'&[data-status="loading"]': {
|
|
26
|
+
borderColor: string;
|
|
27
|
+
};
|
|
28
|
+
bg?: string | undefined;
|
|
29
|
+
px?: string | undefined;
|
|
30
|
+
py?: string | undefined;
|
|
31
|
+
};
|
|
32
|
+
title: {
|
|
33
|
+
color: string;
|
|
34
|
+
fontSize: string;
|
|
35
|
+
lineHeight: string;
|
|
36
|
+
fontWeight?: string | undefined;
|
|
37
|
+
marginEnd?: string | undefined;
|
|
38
|
+
};
|
|
39
|
+
description: {
|
|
40
|
+
color: string;
|
|
41
|
+
fontSize: string;
|
|
42
|
+
lineHeight: string;
|
|
43
|
+
};
|
|
44
|
+
icon: {
|
|
45
|
+
color: string;
|
|
46
|
+
marginTop: number;
|
|
47
|
+
height: number;
|
|
48
|
+
width: number;
|
|
49
|
+
'&[data-status="error"]': {
|
|
50
|
+
color: string;
|
|
51
|
+
};
|
|
52
|
+
'&[data-status="success"]': {
|
|
53
|
+
color: string;
|
|
54
|
+
};
|
|
55
|
+
flexShrink?: number | undefined;
|
|
56
|
+
marginEnd?: string | undefined;
|
|
57
|
+
w?: string | undefined;
|
|
58
|
+
h?: string | undefined;
|
|
59
|
+
};
|
|
60
|
+
spinner: {
|
|
61
|
+
color: string;
|
|
62
|
+
flexShrink?: number | undefined;
|
|
63
|
+
marginEnd?: string | undefined;
|
|
64
|
+
w?: string | undefined;
|
|
65
|
+
h?: string | undefined;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
} | undefined;
|
|
69
|
+
defaultProps?: {
|
|
70
|
+
size?: string | number | undefined;
|
|
71
|
+
variant?: "outline" | undefined;
|
|
72
|
+
colorScheme?: string | undefined;
|
|
73
|
+
} | undefined;
|
|
74
|
+
parts: ("container" | "icon" | "spinner" | "title" | "description")[];
|
|
75
|
+
};
|
|
@@ -49,7 +49,7 @@ export declare const closeButtonTheme: {
|
|
|
49
49
|
[key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
|
|
50
50
|
} | undefined;
|
|
51
51
|
defaultProps?: {
|
|
52
|
-
size?: "
|
|
52
|
+
size?: "md" | "sm" | "lg" | undefined;
|
|
53
53
|
variant?: string | number | undefined;
|
|
54
54
|
colorScheme?: string | undefined;
|
|
55
55
|
} | undefined;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
export declare const comboboxTheme: {
|
|
2
|
+
baseStyle?: {
|
|
3
|
+
root: {
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
display: string;
|
|
6
|
+
flexDir: string;
|
|
7
|
+
gap: number;
|
|
8
|
+
};
|
|
9
|
+
input: {
|
|
10
|
+
field: {
|
|
11
|
+
paddingInlineStart: number;
|
|
12
|
+
fontFamily: string;
|
|
13
|
+
fontSize: string;
|
|
14
|
+
borderRadius: string;
|
|
15
|
+
outlineColor: string;
|
|
16
|
+
_hover: {
|
|
17
|
+
borderColor: string;
|
|
18
|
+
};
|
|
19
|
+
_focus: {
|
|
20
|
+
borderColor: string;
|
|
21
|
+
};
|
|
22
|
+
background?: string | undefined;
|
|
23
|
+
border?: string | undefined;
|
|
24
|
+
borderColor?: string | undefined;
|
|
25
|
+
color?: string | undefined;
|
|
26
|
+
py?: number | undefined;
|
|
27
|
+
px?: number | undefined;
|
|
28
|
+
width?: string | undefined;
|
|
29
|
+
_invalid?: {
|
|
30
|
+
border: string;
|
|
31
|
+
borderColor: string;
|
|
32
|
+
} | undefined;
|
|
33
|
+
_focusVisible?: {
|
|
34
|
+
border: string;
|
|
35
|
+
borderColor: string;
|
|
36
|
+
} | undefined;
|
|
37
|
+
_disabled?: {
|
|
38
|
+
border: string;
|
|
39
|
+
borderColor: string;
|
|
40
|
+
background: string;
|
|
41
|
+
} | undefined;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
control: {
|
|
45
|
+
display: string;
|
|
46
|
+
width: string;
|
|
47
|
+
position: string;
|
|
48
|
+
isolation: string;
|
|
49
|
+
alignItems: string;
|
|
50
|
+
borderRadius: string;
|
|
51
|
+
};
|
|
52
|
+
clearTrigger: {
|
|
53
|
+
display: string;
|
|
54
|
+
width: number;
|
|
55
|
+
height: number;
|
|
56
|
+
padding: number;
|
|
57
|
+
justifyContent: string;
|
|
58
|
+
alignItems: string;
|
|
59
|
+
alignSelf: string;
|
|
60
|
+
position: string;
|
|
61
|
+
right: number;
|
|
62
|
+
zIndex: number;
|
|
63
|
+
};
|
|
64
|
+
content: {
|
|
65
|
+
borderRadius: string;
|
|
66
|
+
paddingY: number;
|
|
67
|
+
paddingLeft: number;
|
|
68
|
+
paddingRight: number;
|
|
69
|
+
color: string;
|
|
70
|
+
boxShadow: string;
|
|
71
|
+
};
|
|
72
|
+
item: {
|
|
73
|
+
display: string;
|
|
74
|
+
padding: number;
|
|
75
|
+
alignItems: string;
|
|
76
|
+
borderRadius: string;
|
|
77
|
+
cursor: string;
|
|
78
|
+
_hover: {
|
|
79
|
+
bgColor: string;
|
|
80
|
+
};
|
|
81
|
+
_focus: {
|
|
82
|
+
bgColor: string;
|
|
83
|
+
};
|
|
84
|
+
_highlighted: {
|
|
85
|
+
bgColor: string;
|
|
86
|
+
};
|
|
87
|
+
'&[data-state="checked"]': {
|
|
88
|
+
cursor: string;
|
|
89
|
+
color: string;
|
|
90
|
+
bgColor: string;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
itemText: {
|
|
94
|
+
fontSize: string;
|
|
95
|
+
};
|
|
96
|
+
} | undefined;
|
|
97
|
+
sizes?: {
|
|
98
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
99
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
100
|
+
}>;
|
|
101
|
+
} | undefined;
|
|
102
|
+
variants?: {
|
|
103
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
104
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
105
|
+
}>;
|
|
106
|
+
} | undefined;
|
|
107
|
+
defaultProps?: {
|
|
108
|
+
size?: string | number | undefined;
|
|
109
|
+
variant?: string | number | undefined;
|
|
110
|
+
colorScheme?: string | undefined;
|
|
111
|
+
} | undefined;
|
|
112
|
+
parts: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
113
|
+
};
|
|
@@ -6,12 +6,12 @@ export declare const formControlTheme: {
|
|
|
6
6
|
};
|
|
7
7
|
} | undefined;
|
|
8
8
|
sizes?: {
|
|
9
|
-
[key: string]: import('@chakra-ui/
|
|
9
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
10
10
|
keys: ("container" | "requiredIndicator" | "helperText")[];
|
|
11
11
|
}>;
|
|
12
12
|
} | undefined;
|
|
13
13
|
variants?: {
|
|
14
|
-
[key: string]: import('@chakra-ui/
|
|
14
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
15
15
|
keys: ("container" | "requiredIndicator" | "helperText")[];
|
|
16
16
|
}>;
|
|
17
17
|
} | undefined;
|
|
@@ -7,12 +7,12 @@ export declare const formErrorTheme: {
|
|
|
7
7
|
};
|
|
8
8
|
} | undefined;
|
|
9
9
|
sizes?: {
|
|
10
|
-
[key: string]: import('@chakra-ui/
|
|
10
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
11
11
|
keys: ("icon" | "text")[];
|
|
12
12
|
}>;
|
|
13
13
|
} | undefined;
|
|
14
14
|
variants?: {
|
|
15
|
-
[key: string]: import('@chakra-ui/
|
|
15
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
16
16
|
keys: ("icon" | "text")[];
|
|
17
17
|
}>;
|
|
18
18
|
} | undefined;
|
|
@@ -51,6 +51,81 @@ export declare const components: {
|
|
|
51
51
|
} | undefined;
|
|
52
52
|
parts: ("root" | "container" | "button" | "panel" | "icon")[];
|
|
53
53
|
};
|
|
54
|
+
Alert: {
|
|
55
|
+
baseStyle?: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
56
|
+
keys: ("container" | "icon" | "spinner" | "title" | "description")[];
|
|
57
|
+
}> | undefined;
|
|
58
|
+
sizes?: {
|
|
59
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
60
|
+
keys: ("container" | "icon" | "spinner" | "title" | "description")[];
|
|
61
|
+
}>;
|
|
62
|
+
} | undefined;
|
|
63
|
+
variants?: {
|
|
64
|
+
outline: {
|
|
65
|
+
container: {
|
|
66
|
+
border: string;
|
|
67
|
+
borderColor: string;
|
|
68
|
+
borderRadius: string;
|
|
69
|
+
alignItems: string;
|
|
70
|
+
width: string;
|
|
71
|
+
minWidth: string;
|
|
72
|
+
'&[data-status="error"]': {
|
|
73
|
+
borderColor: string;
|
|
74
|
+
};
|
|
75
|
+
'&[data-status="success"]': {
|
|
76
|
+
borderColor: string;
|
|
77
|
+
};
|
|
78
|
+
'&[data-status="loading"]': {
|
|
79
|
+
borderColor: string;
|
|
80
|
+
};
|
|
81
|
+
bg?: string | undefined;
|
|
82
|
+
px?: string | undefined;
|
|
83
|
+
py?: string | undefined;
|
|
84
|
+
};
|
|
85
|
+
title: {
|
|
86
|
+
color: string;
|
|
87
|
+
fontSize: string;
|
|
88
|
+
lineHeight: string;
|
|
89
|
+
fontWeight?: string | undefined;
|
|
90
|
+
marginEnd?: string | undefined;
|
|
91
|
+
};
|
|
92
|
+
description: {
|
|
93
|
+
color: string;
|
|
94
|
+
fontSize: string;
|
|
95
|
+
lineHeight: string;
|
|
96
|
+
};
|
|
97
|
+
icon: {
|
|
98
|
+
color: string;
|
|
99
|
+
marginTop: number;
|
|
100
|
+
height: number;
|
|
101
|
+
width: number;
|
|
102
|
+
'&[data-status="error"]': {
|
|
103
|
+
color: string;
|
|
104
|
+
};
|
|
105
|
+
'&[data-status="success"]': {
|
|
106
|
+
color: string;
|
|
107
|
+
};
|
|
108
|
+
flexShrink?: number | undefined;
|
|
109
|
+
marginEnd?: string | undefined;
|
|
110
|
+
w?: string | undefined;
|
|
111
|
+
h?: string | undefined;
|
|
112
|
+
};
|
|
113
|
+
spinner: {
|
|
114
|
+
color: string;
|
|
115
|
+
flexShrink?: number | undefined;
|
|
116
|
+
marginEnd?: string | undefined;
|
|
117
|
+
w?: string | undefined;
|
|
118
|
+
h?: string | undefined;
|
|
119
|
+
};
|
|
120
|
+
};
|
|
121
|
+
} | undefined;
|
|
122
|
+
defaultProps?: {
|
|
123
|
+
size?: string | number | undefined;
|
|
124
|
+
variant?: "outline" | undefined;
|
|
125
|
+
colorScheme?: string | undefined;
|
|
126
|
+
} | undefined;
|
|
127
|
+
parts: ("container" | "icon" | "spinner" | "title" | "description")[];
|
|
128
|
+
};
|
|
54
129
|
Button: {
|
|
55
130
|
baseStyle?: {
|
|
56
131
|
border: string;
|
|
@@ -349,6 +424,119 @@ export declare const components: {
|
|
|
349
424
|
} | undefined;
|
|
350
425
|
parts: ("container" | "icon" | "label" | "control")[];
|
|
351
426
|
};
|
|
427
|
+
Combobox: {
|
|
428
|
+
baseStyle?: {
|
|
429
|
+
root: {
|
|
430
|
+
borderRadius: string;
|
|
431
|
+
display: string;
|
|
432
|
+
flexDir: string;
|
|
433
|
+
gap: number;
|
|
434
|
+
};
|
|
435
|
+
input: {
|
|
436
|
+
field: {
|
|
437
|
+
paddingInlineStart: number;
|
|
438
|
+
fontFamily: string;
|
|
439
|
+
fontSize: string;
|
|
440
|
+
borderRadius: string;
|
|
441
|
+
outlineColor: string;
|
|
442
|
+
_hover: {
|
|
443
|
+
borderColor: string;
|
|
444
|
+
};
|
|
445
|
+
_focus: {
|
|
446
|
+
borderColor: string;
|
|
447
|
+
};
|
|
448
|
+
background?: string | undefined;
|
|
449
|
+
border?: string | undefined;
|
|
450
|
+
borderColor?: string | undefined;
|
|
451
|
+
color?: string | undefined;
|
|
452
|
+
py?: number | undefined;
|
|
453
|
+
px?: number | undefined;
|
|
454
|
+
width?: string | undefined;
|
|
455
|
+
_invalid?: {
|
|
456
|
+
border: string;
|
|
457
|
+
borderColor: string;
|
|
458
|
+
} | undefined;
|
|
459
|
+
_focusVisible?: {
|
|
460
|
+
border: string;
|
|
461
|
+
borderColor: string;
|
|
462
|
+
} | undefined;
|
|
463
|
+
_disabled?: {
|
|
464
|
+
border: string;
|
|
465
|
+
borderColor: string;
|
|
466
|
+
background: string;
|
|
467
|
+
} | undefined;
|
|
468
|
+
};
|
|
469
|
+
};
|
|
470
|
+
control: {
|
|
471
|
+
display: string;
|
|
472
|
+
width: string;
|
|
473
|
+
position: string;
|
|
474
|
+
isolation: string;
|
|
475
|
+
alignItems: string;
|
|
476
|
+
borderRadius: string;
|
|
477
|
+
};
|
|
478
|
+
clearTrigger: {
|
|
479
|
+
display: string;
|
|
480
|
+
width: number;
|
|
481
|
+
height: number;
|
|
482
|
+
padding: number;
|
|
483
|
+
justifyContent: string;
|
|
484
|
+
alignItems: string;
|
|
485
|
+
alignSelf: string;
|
|
486
|
+
position: string;
|
|
487
|
+
right: number;
|
|
488
|
+
zIndex: number;
|
|
489
|
+
};
|
|
490
|
+
content: {
|
|
491
|
+
borderRadius: string;
|
|
492
|
+
paddingY: number;
|
|
493
|
+
paddingLeft: number;
|
|
494
|
+
paddingRight: number;
|
|
495
|
+
color: string;
|
|
496
|
+
boxShadow: string;
|
|
497
|
+
};
|
|
498
|
+
item: {
|
|
499
|
+
display: string;
|
|
500
|
+
padding: number;
|
|
501
|
+
alignItems: string;
|
|
502
|
+
borderRadius: string;
|
|
503
|
+
cursor: string;
|
|
504
|
+
_hover: {
|
|
505
|
+
bgColor: string;
|
|
506
|
+
};
|
|
507
|
+
_focus: {
|
|
508
|
+
bgColor: string;
|
|
509
|
+
};
|
|
510
|
+
_highlighted: {
|
|
511
|
+
bgColor: string;
|
|
512
|
+
};
|
|
513
|
+
'&[data-state="checked"]': {
|
|
514
|
+
cursor: string;
|
|
515
|
+
color: string;
|
|
516
|
+
bgColor: string;
|
|
517
|
+
};
|
|
518
|
+
};
|
|
519
|
+
itemText: {
|
|
520
|
+
fontSize: string;
|
|
521
|
+
};
|
|
522
|
+
} | undefined;
|
|
523
|
+
sizes?: {
|
|
524
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
525
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
526
|
+
}>;
|
|
527
|
+
} | undefined;
|
|
528
|
+
variants?: {
|
|
529
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
530
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
531
|
+
}>;
|
|
532
|
+
} | undefined;
|
|
533
|
+
defaultProps?: {
|
|
534
|
+
size?: string | number | undefined;
|
|
535
|
+
variant?: string | number | undefined;
|
|
536
|
+
colorScheme?: string | undefined;
|
|
537
|
+
} | undefined;
|
|
538
|
+
parts: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
539
|
+
};
|
|
352
540
|
Switch: {
|
|
353
541
|
baseStyle?: (() => {
|
|
354
542
|
track: {
|
|
@@ -579,12 +767,12 @@ export declare const components: {
|
|
|
579
767
|
};
|
|
580
768
|
} | undefined;
|
|
581
769
|
sizes?: {
|
|
582
|
-
[key: string]: import('@chakra-ui/
|
|
770
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
583
771
|
keys: ("container" | "requiredIndicator" | "helperText")[];
|
|
584
772
|
}>;
|
|
585
773
|
} | undefined;
|
|
586
774
|
variants?: {
|
|
587
|
-
[key: string]: import('@chakra-ui/
|
|
775
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
588
776
|
keys: ("container" | "requiredIndicator" | "helperText")[];
|
|
589
777
|
}>;
|
|
590
778
|
} | undefined;
|
|
@@ -604,12 +792,12 @@ export declare const components: {
|
|
|
604
792
|
};
|
|
605
793
|
} | undefined;
|
|
606
794
|
sizes?: {
|
|
607
|
-
[key: string]: import('@chakra-ui/
|
|
795
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
608
796
|
keys: ("icon" | "text")[];
|
|
609
797
|
}>;
|
|
610
798
|
} | undefined;
|
|
611
799
|
variants?: {
|
|
612
|
-
[key: string]: import('@chakra-ui/
|
|
800
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
613
801
|
keys: ("icon" | "text")[];
|
|
614
802
|
}>;
|
|
615
803
|
} | undefined;
|
|
@@ -773,7 +961,7 @@ export declare const components: {
|
|
|
773
961
|
[key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
|
|
774
962
|
} | undefined;
|
|
775
963
|
defaultProps?: {
|
|
776
|
-
size?: "
|
|
964
|
+
size?: "md" | "sm" | "lg" | undefined;
|
|
777
965
|
variant?: string | number | undefined;
|
|
778
966
|
colorScheme?: string | undefined;
|
|
779
967
|
} | undefined;
|
|
@@ -846,16 +1034,17 @@ export declare const components: {
|
|
|
846
1034
|
} | undefined;
|
|
847
1035
|
variants?: {
|
|
848
1036
|
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
849
|
-
keys: ("overlay" | "
|
|
1037
|
+
keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
850
1038
|
}>;
|
|
851
1039
|
} | undefined;
|
|
852
1040
|
defaultProps?: {
|
|
853
|
-
size?: "
|
|
1041
|
+
size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | undefined;
|
|
854
1042
|
variant?: string | number | undefined;
|
|
855
1043
|
colorScheme?: string | undefined;
|
|
856
1044
|
} | undefined;
|
|
857
|
-
parts: ("overlay" | "
|
|
1045
|
+
parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
858
1046
|
};
|
|
1047
|
+
Slider: any;
|
|
859
1048
|
Table: {
|
|
860
1049
|
baseStyle?: {
|
|
861
1050
|
table: {
|
|
@@ -1012,14 +1201,14 @@ export declare const components: {
|
|
|
1012
1201
|
unstyled: {};
|
|
1013
1202
|
} | undefined;
|
|
1014
1203
|
defaultProps?: {
|
|
1015
|
-
size?: "
|
|
1204
|
+
size?: "md" | "sm" | "lg" | undefined;
|
|
1016
1205
|
variant?: "unstyled" | "simple" | "striped" | undefined;
|
|
1017
1206
|
colorScheme?: string | undefined;
|
|
1018
1207
|
} | undefined;
|
|
1019
|
-
parts: ("table" | "caption" | "
|
|
1208
|
+
parts: ("table" | "caption" | "thead" | "tbody" | "tr" | "th" | "td" | "tfoot")[];
|
|
1020
1209
|
};
|
|
1021
1210
|
Tabs: {
|
|
1022
|
-
baseStyle?: ((props: import('@chakra-ui/
|
|
1211
|
+
baseStyle?: ((props: import('@chakra-ui/system').StyleFunctionProps) => {
|
|
1023
1212
|
root: {
|
|
1024
1213
|
display: string;
|
|
1025
1214
|
alignItems: string;
|
|
@@ -1033,7 +1222,6 @@ export declare const components: {
|
|
|
1033
1222
|
paddingY: number;
|
|
1034
1223
|
background: string;
|
|
1035
1224
|
textAlign: string;
|
|
1036
|
-
fontFamily: string;
|
|
1037
1225
|
fontWeight: number;
|
|
1038
1226
|
fontSize: string;
|
|
1039
1227
|
_focusVisible: {
|
|
@@ -1079,6 +1267,10 @@ export declare const components: {
|
|
|
1079
1267
|
root: {
|
|
1080
1268
|
boxShadow: string;
|
|
1081
1269
|
borderRadius: string;
|
|
1270
|
+
backgroundColor: string;
|
|
1271
|
+
};
|
|
1272
|
+
tablist: {
|
|
1273
|
+
boxShadow: string;
|
|
1082
1274
|
};
|
|
1083
1275
|
tab: {
|
|
1084
1276
|
borderRadius: number;
|
|
@@ -1231,15 +1423,15 @@ export declare const components: {
|
|
|
1231
1423
|
} | undefined;
|
|
1232
1424
|
variants?: {
|
|
1233
1425
|
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
1234
|
-
keys: ("overlay" | "
|
|
1426
|
+
keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
1235
1427
|
}>;
|
|
1236
1428
|
} | undefined;
|
|
1237
1429
|
defaultProps?: {
|
|
1238
|
-
size?: "
|
|
1430
|
+
size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1239
1431
|
variant?: string | number | undefined;
|
|
1240
1432
|
colorScheme?: string | undefined;
|
|
1241
1433
|
} | undefined;
|
|
1242
|
-
parts: ("overlay" | "
|
|
1434
|
+
parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
1243
1435
|
};
|
|
1244
1436
|
Skeleton: {
|
|
1245
1437
|
baseStyle?: {
|
|
@@ -1345,12 +1537,12 @@ export declare const components: {
|
|
|
1345
1537
|
} | undefined;
|
|
1346
1538
|
} | undefined;
|
|
1347
1539
|
sizes?: {
|
|
1348
|
-
[key: string]: import('@chakra-ui/
|
|
1540
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
1349
1541
|
keys: ("container" | "label" | "closeButton")[];
|
|
1350
1542
|
}>;
|
|
1351
1543
|
} | undefined;
|
|
1352
1544
|
variants?: {
|
|
1353
|
-
[key: string]: import('@chakra-ui/
|
|
1545
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
1354
1546
|
keys: ("container" | "label" | "closeButton")[];
|
|
1355
1547
|
}>;
|
|
1356
1548
|
} | undefined;
|
|
@@ -1361,4 +1553,87 @@ export declare const components: {
|
|
|
1361
1553
|
} | undefined;
|
|
1362
1554
|
parts: ("container" | "label" | "closeButton")[];
|
|
1363
1555
|
};
|
|
1556
|
+
Popover: {
|
|
1557
|
+
baseStyle?: {
|
|
1558
|
+
content: {
|
|
1559
|
+
border: string;
|
|
1560
|
+
borderColor: string;
|
|
1561
|
+
borderRadius: string;
|
|
1562
|
+
background: string;
|
|
1563
|
+
padding: number;
|
|
1564
|
+
boxShadow: string;
|
|
1565
|
+
display: string;
|
|
1566
|
+
flexDirection: string;
|
|
1567
|
+
justifyContent: string;
|
|
1568
|
+
alignItems: string;
|
|
1569
|
+
gap: string;
|
|
1570
|
+
width: string;
|
|
1571
|
+
bg?: string | undefined;
|
|
1572
|
+
_dark?: {
|
|
1573
|
+
[x: string]: string;
|
|
1574
|
+
} | undefined;
|
|
1575
|
+
zIndex?: string | undefined;
|
|
1576
|
+
_focusVisible?: {
|
|
1577
|
+
outline: number;
|
|
1578
|
+
boxShadow: string;
|
|
1579
|
+
} | undefined;
|
|
1580
|
+
};
|
|
1581
|
+
header: {
|
|
1582
|
+
borderColor: string;
|
|
1583
|
+
color: string;
|
|
1584
|
+
fontWeight: string;
|
|
1585
|
+
fontSize: string;
|
|
1586
|
+
alignSelf: string;
|
|
1587
|
+
paddingBottom: number;
|
|
1588
|
+
paddingLeft: number;
|
|
1589
|
+
px?: number | undefined;
|
|
1590
|
+
py?: number | undefined;
|
|
1591
|
+
borderBottomWidth?: string | undefined;
|
|
1592
|
+
};
|
|
1593
|
+
body: {
|
|
1594
|
+
fontSize: string;
|
|
1595
|
+
color: string;
|
|
1596
|
+
padding: number;
|
|
1597
|
+
px?: number | undefined;
|
|
1598
|
+
py?: number | undefined;
|
|
1599
|
+
};
|
|
1600
|
+
closeButton: {
|
|
1601
|
+
position: string;
|
|
1602
|
+
top: string;
|
|
1603
|
+
right: string;
|
|
1604
|
+
borderRadius?: string | undefined;
|
|
1605
|
+
insetEnd?: number | undefined;
|
|
1606
|
+
padding?: number | undefined;
|
|
1607
|
+
};
|
|
1608
|
+
footer: {
|
|
1609
|
+
borderTop: string;
|
|
1610
|
+
padding: number;
|
|
1611
|
+
display: string;
|
|
1612
|
+
alignSelf: string;
|
|
1613
|
+
alignItems: string;
|
|
1614
|
+
alignContent: string;
|
|
1615
|
+
gap: string;
|
|
1616
|
+
justifyContent: string;
|
|
1617
|
+
px?: number | undefined;
|
|
1618
|
+
py?: number | undefined;
|
|
1619
|
+
borderTopWidth?: string | undefined;
|
|
1620
|
+
};
|
|
1621
|
+
} | undefined;
|
|
1622
|
+
sizes?: {
|
|
1623
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
1624
|
+
keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
|
|
1625
|
+
}>;
|
|
1626
|
+
} | undefined;
|
|
1627
|
+
variants?: {
|
|
1628
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
1629
|
+
keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
|
|
1630
|
+
}>;
|
|
1631
|
+
} | undefined;
|
|
1632
|
+
defaultProps?: {
|
|
1633
|
+
size?: string | number | undefined;
|
|
1634
|
+
variant?: string | number | undefined;
|
|
1635
|
+
colorScheme?: string | undefined;
|
|
1636
|
+
} | undefined;
|
|
1637
|
+
parts: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
|
|
1638
|
+
};
|
|
1364
1639
|
};
|