@nycplanning/streetscape 0.20.0 → 0.21.1
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 +1356 -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 +123 -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 +302 -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,123 @@
|
|
|
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
|
+
_before: {
|
|
64
|
+
content: string;
|
|
65
|
+
position: string;
|
|
66
|
+
top: number;
|
|
67
|
+
right: string;
|
|
68
|
+
width: string;
|
|
69
|
+
height: string;
|
|
70
|
+
pointerEvents: string;
|
|
71
|
+
bgGradient: string;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
content: {
|
|
75
|
+
borderRadius: string;
|
|
76
|
+
paddingY: number;
|
|
77
|
+
paddingLeft: number;
|
|
78
|
+
paddingRight: number;
|
|
79
|
+
color: string;
|
|
80
|
+
boxShadow: string;
|
|
81
|
+
};
|
|
82
|
+
item: {
|
|
83
|
+
display: string;
|
|
84
|
+
padding: number;
|
|
85
|
+
alignItems: string;
|
|
86
|
+
borderRadius: string;
|
|
87
|
+
cursor: string;
|
|
88
|
+
_hover: {
|
|
89
|
+
bgColor: string;
|
|
90
|
+
};
|
|
91
|
+
_focus: {
|
|
92
|
+
bgColor: string;
|
|
93
|
+
};
|
|
94
|
+
_highlighted: {
|
|
95
|
+
bgColor: string;
|
|
96
|
+
};
|
|
97
|
+
'&[data-state="checked"]': {
|
|
98
|
+
cursor: string;
|
|
99
|
+
color: string;
|
|
100
|
+
bgColor: string;
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
itemText: {
|
|
104
|
+
fontSize: string;
|
|
105
|
+
};
|
|
106
|
+
} | undefined;
|
|
107
|
+
sizes?: {
|
|
108
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
109
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
110
|
+
}>;
|
|
111
|
+
} | undefined;
|
|
112
|
+
variants?: {
|
|
113
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
114
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
115
|
+
}>;
|
|
116
|
+
} | undefined;
|
|
117
|
+
defaultProps?: {
|
|
118
|
+
size?: string | number | undefined;
|
|
119
|
+
variant?: string | number | undefined;
|
|
120
|
+
colorScheme?: string | undefined;
|
|
121
|
+
} | undefined;
|
|
122
|
+
parts: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
123
|
+
};
|
|
@@ -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,129 @@ 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
|
+
_before: {
|
|
490
|
+
content: string;
|
|
491
|
+
position: string;
|
|
492
|
+
top: number;
|
|
493
|
+
right: string;
|
|
494
|
+
width: string;
|
|
495
|
+
height: string;
|
|
496
|
+
pointerEvents: string;
|
|
497
|
+
bgGradient: string;
|
|
498
|
+
};
|
|
499
|
+
};
|
|
500
|
+
content: {
|
|
501
|
+
borderRadius: string;
|
|
502
|
+
paddingY: number;
|
|
503
|
+
paddingLeft: number;
|
|
504
|
+
paddingRight: number;
|
|
505
|
+
color: string;
|
|
506
|
+
boxShadow: string;
|
|
507
|
+
};
|
|
508
|
+
item: {
|
|
509
|
+
display: string;
|
|
510
|
+
padding: number;
|
|
511
|
+
alignItems: string;
|
|
512
|
+
borderRadius: string;
|
|
513
|
+
cursor: string;
|
|
514
|
+
_hover: {
|
|
515
|
+
bgColor: string;
|
|
516
|
+
};
|
|
517
|
+
_focus: {
|
|
518
|
+
bgColor: string;
|
|
519
|
+
};
|
|
520
|
+
_highlighted: {
|
|
521
|
+
bgColor: string;
|
|
522
|
+
};
|
|
523
|
+
'&[data-state="checked"]': {
|
|
524
|
+
cursor: string;
|
|
525
|
+
color: string;
|
|
526
|
+
bgColor: string;
|
|
527
|
+
};
|
|
528
|
+
};
|
|
529
|
+
itemText: {
|
|
530
|
+
fontSize: string;
|
|
531
|
+
};
|
|
532
|
+
} | undefined;
|
|
533
|
+
sizes?: {
|
|
534
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
535
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
536
|
+
}>;
|
|
537
|
+
} | undefined;
|
|
538
|
+
variants?: {
|
|
539
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
540
|
+
keys: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
541
|
+
}>;
|
|
542
|
+
} | undefined;
|
|
543
|
+
defaultProps?: {
|
|
544
|
+
size?: string | number | undefined;
|
|
545
|
+
variant?: string | number | undefined;
|
|
546
|
+
colorScheme?: string | undefined;
|
|
547
|
+
} | undefined;
|
|
548
|
+
parts: ("root" | "content" | "label" | "control" | "itemGroup" | "item" | "trigger" | "positioner" | "list" | "input" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty")[];
|
|
549
|
+
};
|
|
352
550
|
Switch: {
|
|
353
551
|
baseStyle?: (() => {
|
|
354
552
|
track: {
|
|
@@ -579,12 +777,12 @@ export declare const components: {
|
|
|
579
777
|
};
|
|
580
778
|
} | undefined;
|
|
581
779
|
sizes?: {
|
|
582
|
-
[key: string]: import('@chakra-ui/
|
|
780
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
583
781
|
keys: ("container" | "requiredIndicator" | "helperText")[];
|
|
584
782
|
}>;
|
|
585
783
|
} | undefined;
|
|
586
784
|
variants?: {
|
|
587
|
-
[key: string]: import('@chakra-ui/
|
|
785
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
588
786
|
keys: ("container" | "requiredIndicator" | "helperText")[];
|
|
589
787
|
}>;
|
|
590
788
|
} | undefined;
|
|
@@ -604,12 +802,12 @@ export declare const components: {
|
|
|
604
802
|
};
|
|
605
803
|
} | undefined;
|
|
606
804
|
sizes?: {
|
|
607
|
-
[key: string]: import('@chakra-ui/
|
|
805
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
608
806
|
keys: ("icon" | "text")[];
|
|
609
807
|
}>;
|
|
610
808
|
} | undefined;
|
|
611
809
|
variants?: {
|
|
612
|
-
[key: string]: import('@chakra-ui/
|
|
810
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
613
811
|
keys: ("icon" | "text")[];
|
|
614
812
|
}>;
|
|
615
813
|
} | undefined;
|
|
@@ -773,7 +971,7 @@ export declare const components: {
|
|
|
773
971
|
[key: string]: import('@chakra-ui/styled-system').SystemStyleInterpolation;
|
|
774
972
|
} | undefined;
|
|
775
973
|
defaultProps?: {
|
|
776
|
-
size?: "
|
|
974
|
+
size?: "md" | "sm" | "lg" | undefined;
|
|
777
975
|
variant?: string | number | undefined;
|
|
778
976
|
colorScheme?: string | undefined;
|
|
779
977
|
} | undefined;
|
|
@@ -846,16 +1044,17 @@ export declare const components: {
|
|
|
846
1044
|
} | undefined;
|
|
847
1045
|
variants?: {
|
|
848
1046
|
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
849
|
-
keys: ("overlay" | "
|
|
1047
|
+
keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
850
1048
|
}>;
|
|
851
1049
|
} | undefined;
|
|
852
1050
|
defaultProps?: {
|
|
853
|
-
size?: "
|
|
1051
|
+
size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | undefined;
|
|
854
1052
|
variant?: string | number | undefined;
|
|
855
1053
|
colorScheme?: string | undefined;
|
|
856
1054
|
} | undefined;
|
|
857
|
-
parts: ("overlay" | "
|
|
1055
|
+
parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
858
1056
|
};
|
|
1057
|
+
Slider: any;
|
|
859
1058
|
Table: {
|
|
860
1059
|
baseStyle?: {
|
|
861
1060
|
table: {
|
|
@@ -1012,14 +1211,14 @@ export declare const components: {
|
|
|
1012
1211
|
unstyled: {};
|
|
1013
1212
|
} | undefined;
|
|
1014
1213
|
defaultProps?: {
|
|
1015
|
-
size?: "
|
|
1214
|
+
size?: "md" | "sm" | "lg" | undefined;
|
|
1016
1215
|
variant?: "unstyled" | "simple" | "striped" | undefined;
|
|
1017
1216
|
colorScheme?: string | undefined;
|
|
1018
1217
|
} | undefined;
|
|
1019
|
-
parts: ("table" | "caption" | "
|
|
1218
|
+
parts: ("table" | "caption" | "thead" | "tbody" | "tr" | "th" | "td" | "tfoot")[];
|
|
1020
1219
|
};
|
|
1021
1220
|
Tabs: {
|
|
1022
|
-
baseStyle?: ((props: import('@chakra-ui/
|
|
1221
|
+
baseStyle?: ((props: import('@chakra-ui/system').StyleFunctionProps) => {
|
|
1023
1222
|
root: {
|
|
1024
1223
|
display: string;
|
|
1025
1224
|
alignItems: string;
|
|
@@ -1033,7 +1232,6 @@ export declare const components: {
|
|
|
1033
1232
|
paddingY: number;
|
|
1034
1233
|
background: string;
|
|
1035
1234
|
textAlign: string;
|
|
1036
|
-
fontFamily: string;
|
|
1037
1235
|
fontWeight: number;
|
|
1038
1236
|
fontSize: string;
|
|
1039
1237
|
_focusVisible: {
|
|
@@ -1079,6 +1277,10 @@ export declare const components: {
|
|
|
1079
1277
|
root: {
|
|
1080
1278
|
boxShadow: string;
|
|
1081
1279
|
borderRadius: string;
|
|
1280
|
+
backgroundColor: string;
|
|
1281
|
+
};
|
|
1282
|
+
tablist: {
|
|
1283
|
+
boxShadow: string;
|
|
1082
1284
|
};
|
|
1083
1285
|
tab: {
|
|
1084
1286
|
borderRadius: number;
|
|
@@ -1231,15 +1433,15 @@ export declare const components: {
|
|
|
1231
1433
|
} | undefined;
|
|
1232
1434
|
variants?: {
|
|
1233
1435
|
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
1234
|
-
keys: ("overlay" | "
|
|
1436
|
+
keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
1235
1437
|
}>;
|
|
1236
1438
|
} | undefined;
|
|
1237
1439
|
defaultProps?: {
|
|
1238
|
-
size?: "
|
|
1440
|
+
size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
1239
1441
|
variant?: string | number | undefined;
|
|
1240
1442
|
colorScheme?: string | undefined;
|
|
1241
1443
|
} | undefined;
|
|
1242
|
-
parts: ("overlay" | "
|
|
1444
|
+
parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
|
|
1243
1445
|
};
|
|
1244
1446
|
Skeleton: {
|
|
1245
1447
|
baseStyle?: {
|
|
@@ -1345,12 +1547,12 @@ export declare const components: {
|
|
|
1345
1547
|
} | undefined;
|
|
1346
1548
|
} | undefined;
|
|
1347
1549
|
sizes?: {
|
|
1348
|
-
[key: string]: import('@chakra-ui/
|
|
1550
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
1349
1551
|
keys: ("container" | "label" | "closeButton")[];
|
|
1350
1552
|
}>;
|
|
1351
1553
|
} | undefined;
|
|
1352
1554
|
variants?: {
|
|
1353
|
-
[key: string]: import('@chakra-ui/
|
|
1555
|
+
[key: string]: import('@chakra-ui/system').PartsStyleInterpolation<{
|
|
1354
1556
|
keys: ("container" | "label" | "closeButton")[];
|
|
1355
1557
|
}>;
|
|
1356
1558
|
} | undefined;
|
|
@@ -1361,4 +1563,87 @@ export declare const components: {
|
|
|
1361
1563
|
} | undefined;
|
|
1362
1564
|
parts: ("container" | "label" | "closeButton")[];
|
|
1363
1565
|
};
|
|
1566
|
+
Popover: {
|
|
1567
|
+
baseStyle?: {
|
|
1568
|
+
content: {
|
|
1569
|
+
border: string;
|
|
1570
|
+
borderColor: string;
|
|
1571
|
+
borderRadius: string;
|
|
1572
|
+
background: string;
|
|
1573
|
+
padding: number;
|
|
1574
|
+
boxShadow: string;
|
|
1575
|
+
display: string;
|
|
1576
|
+
flexDirection: string;
|
|
1577
|
+
justifyContent: string;
|
|
1578
|
+
alignItems: string;
|
|
1579
|
+
gap: string;
|
|
1580
|
+
width: string;
|
|
1581
|
+
bg?: string | undefined;
|
|
1582
|
+
_dark?: {
|
|
1583
|
+
[x: string]: string;
|
|
1584
|
+
} | undefined;
|
|
1585
|
+
zIndex?: string | undefined;
|
|
1586
|
+
_focusVisible?: {
|
|
1587
|
+
outline: number;
|
|
1588
|
+
boxShadow: string;
|
|
1589
|
+
} | undefined;
|
|
1590
|
+
};
|
|
1591
|
+
header: {
|
|
1592
|
+
borderColor: string;
|
|
1593
|
+
color: string;
|
|
1594
|
+
fontWeight: string;
|
|
1595
|
+
fontSize: string;
|
|
1596
|
+
alignSelf: string;
|
|
1597
|
+
paddingBottom: number;
|
|
1598
|
+
paddingLeft: number;
|
|
1599
|
+
px?: number | undefined;
|
|
1600
|
+
py?: number | undefined;
|
|
1601
|
+
borderBottomWidth?: string | undefined;
|
|
1602
|
+
};
|
|
1603
|
+
body: {
|
|
1604
|
+
fontSize: string;
|
|
1605
|
+
color: string;
|
|
1606
|
+
padding: number;
|
|
1607
|
+
px?: number | undefined;
|
|
1608
|
+
py?: number | undefined;
|
|
1609
|
+
};
|
|
1610
|
+
closeButton: {
|
|
1611
|
+
position: string;
|
|
1612
|
+
top: string;
|
|
1613
|
+
right: string;
|
|
1614
|
+
borderRadius?: string | undefined;
|
|
1615
|
+
insetEnd?: number | undefined;
|
|
1616
|
+
padding?: number | undefined;
|
|
1617
|
+
};
|
|
1618
|
+
footer: {
|
|
1619
|
+
borderTop: string;
|
|
1620
|
+
padding: number;
|
|
1621
|
+
display: string;
|
|
1622
|
+
alignSelf: string;
|
|
1623
|
+
alignItems: string;
|
|
1624
|
+
alignContent: string;
|
|
1625
|
+
gap: string;
|
|
1626
|
+
justifyContent: string;
|
|
1627
|
+
px?: number | undefined;
|
|
1628
|
+
py?: number | undefined;
|
|
1629
|
+
borderTopWidth?: string | undefined;
|
|
1630
|
+
};
|
|
1631
|
+
} | undefined;
|
|
1632
|
+
sizes?: {
|
|
1633
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
1634
|
+
keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
|
|
1635
|
+
}>;
|
|
1636
|
+
} | undefined;
|
|
1637
|
+
variants?: {
|
|
1638
|
+
[key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{
|
|
1639
|
+
keys: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
|
|
1640
|
+
}>;
|
|
1641
|
+
} | undefined;
|
|
1642
|
+
defaultProps?: {
|
|
1643
|
+
size?: string | number | undefined;
|
|
1644
|
+
variant?: string | number | undefined;
|
|
1645
|
+
colorScheme?: string | undefined;
|
|
1646
|
+
} | undefined;
|
|
1647
|
+
parts: ("content" | "body" | "header" | "footer" | "closeButton" | "popper" | "arrow")[];
|
|
1648
|
+
};
|
|
1364
1649
|
};
|