@mantine-vue/core 1.1.4 → 2.0.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/cjs/index.cjs +755 -979
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +754 -980
- package/esm/index.mjs.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +7 -7
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +14 -8
- package/lib/components/Alert/Alert.d.ts +14 -8
- package/lib/components/Autocomplete/Autocomplete.d.ts +14 -2
- package/lib/components/Badge/Badge.d.ts +12 -9
- package/lib/components/Blockquote/Blockquote.d.ts +14 -8
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +10 -5
- package/lib/components/Checkbox/Checkbox.d.ts +44 -32
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +18 -11
- package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts +9 -2
- package/lib/components/CloseButton/CloseButton.d.ts +10 -5
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +6 -2
- package/lib/components/Divider/Divider.d.ts +10 -5
- package/lib/components/Drawer/Drawer.d.ts +14 -9
- package/lib/components/Fieldset/Fieldset.d.ts +10 -5
- package/lib/components/FileInput/FileInput.d.ts +26 -17
- package/lib/components/Indicator/Indicator.d.ts +10 -5
- package/lib/components/Input/Input.d.ts +29 -25
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +18 -11
- package/lib/components/InputBase/InputBase.d.ts +21 -14
- package/lib/components/List/List.d.ts +18 -13
- package/lib/components/List/ListItem/ListItem.d.ts +10 -5
- package/lib/components/Menu/Menu.d.ts +66 -27
- package/lib/components/Modal/Modal.d.ts +14 -9
- package/lib/components/MultiSelect/MultiSelect.d.ts +14 -2
- package/lib/components/NativeSelect/NativeSelect.d.ts +23 -14
- package/lib/components/NavLink/NavLink.d.ts +14 -8
- package/lib/components/Notification/Notification.d.ts +14 -8
- package/lib/components/NumberInput/NumberInput.d.ts +22 -14
- package/lib/components/Pagination/Pagination.d.ts +5 -5
- package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +5 -2
- package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +8 -5
- package/lib/components/PasswordInput/PasswordInput.d.ts +25 -17
- package/lib/components/PillsInput/PillsInput.d.ts +30 -21
- package/lib/components/Radio/Radio.d.ts +42 -32
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +18 -11
- package/lib/components/Radio/RadioIndicator/RadioIndicator.d.ts +8 -2
- package/lib/components/Rating/Rating.d.ts +17 -8
- package/lib/components/Select/Select.d.ts +14 -2
- package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +9 -5
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +11 -2
- package/lib/components/Slider/Slider/Slider.d.ts +8 -2
- package/lib/components/Spoiler/Spoiler.d.ts +18 -10
- package/lib/components/Stepper/Stepper.d.ts +16 -4
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +12 -2
- package/lib/components/Switch/Switch.d.ts +58 -49
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +18 -11
- package/lib/components/Tabs/Tabs.d.ts +7 -7
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +12 -8
- package/lib/components/TagsInput/TagsInput.d.ts +14 -2
- package/lib/components/Timeline/Timeline.d.ts +7 -7
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +14 -8
- package/lib/components/TreeSelect/TreeSelect.d.ts +11 -2
- package/lib/core/index.d.ts +1 -0
- package/lib/core/renderable-node.d.ts +10 -0
- package/package.json +3 -3
|
@@ -427,11 +427,11 @@ export declare const Accordion: {
|
|
|
427
427
|
default: boolean;
|
|
428
428
|
};
|
|
429
429
|
chevron: {
|
|
430
|
-
type: PropType<
|
|
430
|
+
type: PropType<import("../..").MantineNode>;
|
|
431
431
|
default: undefined;
|
|
432
432
|
};
|
|
433
433
|
icon: {
|
|
434
|
-
type: PropType<
|
|
434
|
+
type: PropType<import("../..").MantineNode>;
|
|
435
435
|
default: undefined;
|
|
436
436
|
};
|
|
437
437
|
onClick: {
|
|
@@ -466,11 +466,11 @@ export declare const Accordion: {
|
|
|
466
466
|
default: boolean;
|
|
467
467
|
};
|
|
468
468
|
chevron: {
|
|
469
|
-
type: PropType<
|
|
469
|
+
type: PropType<import("../..").MantineNode>;
|
|
470
470
|
default: undefined;
|
|
471
471
|
};
|
|
472
472
|
icon: {
|
|
473
|
-
type: PropType<
|
|
473
|
+
type: PropType<import("../..").MantineNode>;
|
|
474
474
|
default: undefined;
|
|
475
475
|
};
|
|
476
476
|
onClick: {
|
|
@@ -504,10 +504,10 @@ export declare const Accordion: {
|
|
|
504
504
|
styles: Function | Record<string, any>;
|
|
505
505
|
disabled: boolean;
|
|
506
506
|
mod: any;
|
|
507
|
-
icon:
|
|
507
|
+
icon: import("../..").MantineNode;
|
|
508
508
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
509
|
-
chevron:
|
|
510
|
-
},
|
|
509
|
+
chevron: import("../..").MantineNode;
|
|
510
|
+
}, import("vue").SlotsType<import("./AccordionControl/AccordionControl").AccordionControlSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
511
511
|
Chevron: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
512
512
|
size: {
|
|
513
513
|
type: PropType<number | string>;
|
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../../core';
|
|
2
3
|
export type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
|
|
4
|
+
export interface AccordionControlSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
chevron?: () => VNodeChild;
|
|
7
|
+
icon?: () => VNodeChild;
|
|
8
|
+
}
|
|
3
9
|
export declare const AccordionControl: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
10
|
disabled: {
|
|
5
11
|
type: BooleanConstructor;
|
|
6
12
|
default: boolean;
|
|
7
13
|
};
|
|
8
14
|
chevron: {
|
|
9
|
-
type: PropType<
|
|
15
|
+
type: PropType<MantineNode>;
|
|
10
16
|
default: undefined;
|
|
11
17
|
};
|
|
12
18
|
icon: {
|
|
13
|
-
type: PropType<
|
|
19
|
+
type: PropType<MantineNode>;
|
|
14
20
|
default: undefined;
|
|
15
21
|
};
|
|
16
22
|
onClick: {
|
|
@@ -45,11 +51,11 @@ export declare const AccordionControl: import("../../..").WithBoxProps<import("v
|
|
|
45
51
|
default: boolean;
|
|
46
52
|
};
|
|
47
53
|
chevron: {
|
|
48
|
-
type: PropType<
|
|
54
|
+
type: PropType<MantineNode>;
|
|
49
55
|
default: undefined;
|
|
50
56
|
};
|
|
51
57
|
icon: {
|
|
52
|
-
type: PropType<
|
|
58
|
+
type: PropType<MantineNode>;
|
|
53
59
|
default: undefined;
|
|
54
60
|
};
|
|
55
61
|
onClick: {
|
|
@@ -83,7 +89,7 @@ export declare const AccordionControl: import("../../..").WithBoxProps<import("v
|
|
|
83
89
|
styles: Function | Record<string, any>;
|
|
84
90
|
disabled: boolean;
|
|
85
91
|
mod: any;
|
|
86
|
-
icon:
|
|
92
|
+
icon: MantineNode;
|
|
87
93
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
88
|
-
chevron:
|
|
89
|
-
},
|
|
94
|
+
chevron: MantineNode;
|
|
95
|
+
}, SlotsType<AccordionControlSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
2
3
|
export type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';
|
|
4
|
+
export interface AlertSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
title?: () => VNodeChild;
|
|
7
|
+
icon?: () => VNodeChild;
|
|
8
|
+
}
|
|
3
9
|
export declare const Alert: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
10
|
id: {
|
|
5
11
|
type: StringConstructor;
|
|
@@ -11,11 +17,11 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
|
|
|
11
17
|
default: undefined;
|
|
12
18
|
};
|
|
13
19
|
title: {
|
|
14
|
-
type:
|
|
20
|
+
type: PropType<MantineNode>;
|
|
15
21
|
default: undefined;
|
|
16
22
|
};
|
|
17
23
|
icon: {
|
|
18
|
-
type:
|
|
24
|
+
type: PropType<MantineNode>;
|
|
19
25
|
default: undefined;
|
|
20
26
|
};
|
|
21
27
|
withCloseButton: {
|
|
@@ -71,11 +77,11 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
|
|
|
71
77
|
default: undefined;
|
|
72
78
|
};
|
|
73
79
|
title: {
|
|
74
|
-
type:
|
|
80
|
+
type: PropType<MantineNode>;
|
|
75
81
|
default: undefined;
|
|
76
82
|
};
|
|
77
83
|
icon: {
|
|
78
|
-
type:
|
|
84
|
+
type: PropType<MantineNode>;
|
|
79
85
|
default: undefined;
|
|
80
86
|
};
|
|
81
87
|
withCloseButton: {
|
|
@@ -123,14 +129,14 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
|
|
|
123
129
|
autoContrast: boolean;
|
|
124
130
|
variant: AlertVariant;
|
|
125
131
|
onClose: () => void;
|
|
126
|
-
title:
|
|
132
|
+
title: MantineNode;
|
|
127
133
|
classNames: Function | Record<string, any>;
|
|
128
134
|
styles: Function | Record<string, any>;
|
|
129
135
|
id: string;
|
|
130
|
-
icon:
|
|
136
|
+
icon: MantineNode;
|
|
131
137
|
vars: Function | Record<string, any>;
|
|
132
138
|
unstyled: boolean;
|
|
133
139
|
role: string;
|
|
134
140
|
withCloseButton: boolean;
|
|
135
141
|
closeButtonLabel: string;
|
|
136
|
-
},
|
|
142
|
+
}, SlotsType<AlertSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import { type ComboboxGenericData, type OptionsFilter } from '../Combobox';
|
|
3
3
|
export type RenderAutocompleteOption = (input: {
|
|
4
4
|
option: any;
|
|
@@ -31,6 +31,18 @@ export interface AutocompleteProps {
|
|
|
31
31
|
openOnFocus?: boolean;
|
|
32
32
|
[key: string]: any;
|
|
33
33
|
}
|
|
34
|
+
export interface AutocompleteSlots {
|
|
35
|
+
label?: () => VNodeChild;
|
|
36
|
+
description?: () => VNodeChild;
|
|
37
|
+
error?: () => VNodeChild;
|
|
38
|
+
leftSection?: () => VNodeChild;
|
|
39
|
+
rightSection?: () => VNodeChild;
|
|
40
|
+
renderOption?: (input: {
|
|
41
|
+
option: any;
|
|
42
|
+
checked?: boolean;
|
|
43
|
+
}) => VNodeChild;
|
|
44
|
+
nothingFound?: () => VNodeChild;
|
|
45
|
+
}
|
|
34
46
|
export declare const Autocomplete: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
35
47
|
modelValue: {
|
|
36
48
|
type: StringConstructor;
|
|
@@ -140,4 +152,4 @@ export declare const Autocomplete: import("vue").DefineComponent<import("vue").E
|
|
|
140
152
|
selectFirstOptionOnDropdownOpen: boolean;
|
|
141
153
|
autoSelectOnBlur: boolean;
|
|
142
154
|
openOnFocus: boolean;
|
|
143
|
-
},
|
|
155
|
+
}, SlotsType<AutocompleteSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
2
|
-
import { type MantineVariant } from '../../core';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineVariant, type MantineNode, type SectionSlots } from '../../core';
|
|
3
3
|
export type BadgeVariant = 'filled' | 'light' | 'outline' | 'dot' | 'transparent' | 'white' | 'default' | 'gradient';
|
|
4
|
+
export interface BadgeSlots extends SectionSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
}
|
|
4
7
|
export declare const Badge: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
8
|
component: {
|
|
6
9
|
type: StringConstructor;
|
|
@@ -25,11 +28,11 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
|
|
|
25
28
|
default: undefined;
|
|
26
29
|
};
|
|
27
30
|
leftSection: {
|
|
28
|
-
type:
|
|
31
|
+
type: PropType<MantineNode>;
|
|
29
32
|
default: undefined;
|
|
30
33
|
};
|
|
31
34
|
rightSection: {
|
|
32
|
-
type:
|
|
35
|
+
type: PropType<MantineNode>;
|
|
33
36
|
default: undefined;
|
|
34
37
|
};
|
|
35
38
|
fullWidth: {
|
|
@@ -86,11 +89,11 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
|
|
|
86
89
|
default: undefined;
|
|
87
90
|
};
|
|
88
91
|
leftSection: {
|
|
89
|
-
type:
|
|
92
|
+
type: PropType<MantineNode>;
|
|
90
93
|
default: undefined;
|
|
91
94
|
};
|
|
92
95
|
rightSection: {
|
|
93
|
-
type:
|
|
96
|
+
type: PropType<MantineNode>;
|
|
94
97
|
default: undefined;
|
|
95
98
|
};
|
|
96
99
|
fullWidth: {
|
|
@@ -136,7 +139,7 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
|
|
|
136
139
|
component: string;
|
|
137
140
|
vars: Function | Record<string, any>;
|
|
138
141
|
unstyled: boolean;
|
|
139
|
-
leftSection:
|
|
140
|
-
rightSection:
|
|
142
|
+
leftSection: MantineNode;
|
|
143
|
+
rightSection: MantineNode;
|
|
141
144
|
fullWidth: boolean;
|
|
142
|
-
},
|
|
145
|
+
}, SlotsType<BadgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
3
|
+
export interface BlockquoteSlots {
|
|
4
|
+
default?: () => VNodeChild;
|
|
5
|
+
icon?: () => VNodeChild;
|
|
6
|
+
cite?: () => VNodeChild;
|
|
7
|
+
}
|
|
2
8
|
export declare const Blockquote: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
9
|
icon: {
|
|
4
|
-
type:
|
|
10
|
+
type: PropType<MantineNode>;
|
|
5
11
|
default: undefined;
|
|
6
12
|
};
|
|
7
13
|
iconSize: PropType<string | number>;
|
|
@@ -11,7 +17,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
|
|
|
11
17
|
};
|
|
12
18
|
radius: PropType<string | number>;
|
|
13
19
|
cite: {
|
|
14
|
-
type:
|
|
20
|
+
type: PropType<MantineNode>;
|
|
15
21
|
default: undefined;
|
|
16
22
|
};
|
|
17
23
|
textWrap: {
|
|
@@ -38,7 +44,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
|
|
|
38
44
|
[key: string]: any;
|
|
39
45
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
40
46
|
icon: {
|
|
41
|
-
type:
|
|
47
|
+
type: PropType<MantineNode>;
|
|
42
48
|
default: undefined;
|
|
43
49
|
};
|
|
44
50
|
iconSize: PropType<string | number>;
|
|
@@ -48,7 +54,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
|
|
|
48
54
|
};
|
|
49
55
|
radius: PropType<string | number>;
|
|
50
56
|
cite: {
|
|
51
|
-
type:
|
|
57
|
+
type: PropType<MantineNode>;
|
|
52
58
|
default: undefined;
|
|
53
59
|
};
|
|
54
60
|
textWrap: {
|
|
@@ -74,10 +80,10 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
|
|
|
74
80
|
}>> & Readonly<{}>, {
|
|
75
81
|
color: string;
|
|
76
82
|
textWrap: "wrap" | "nowrap" | "balance" | "pretty" | "stable";
|
|
77
|
-
cite:
|
|
83
|
+
cite: MantineNode;
|
|
78
84
|
classNames: Function | Record<string, any>;
|
|
79
85
|
styles: Function | Record<string, any>;
|
|
80
|
-
icon:
|
|
86
|
+
icon: MantineNode;
|
|
81
87
|
vars: Function | Record<string, any>;
|
|
82
88
|
unstyled: boolean;
|
|
83
|
-
},
|
|
89
|
+
}, SlotsType<BlockquoteSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import { type PropType, type VNode } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
3
|
+
export interface BreadcrumbsSlots {
|
|
4
|
+
default?: () => VNodeChild;
|
|
5
|
+
separator?: () => VNodeChild;
|
|
6
|
+
}
|
|
2
7
|
export declare const Breadcrumbs: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
8
|
separator: {
|
|
4
|
-
type:
|
|
9
|
+
type: PropType<MantineNode>;
|
|
5
10
|
default: undefined;
|
|
6
11
|
};
|
|
7
12
|
separatorMargin: PropType<string | number>;
|
|
@@ -25,7 +30,7 @@ export declare const Breadcrumbs: import("../..").WithBoxProps<import("vue").Def
|
|
|
25
30
|
[key: string]: any;
|
|
26
31
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
32
|
separator: {
|
|
28
|
-
type:
|
|
33
|
+
type: PropType<MantineNode>;
|
|
29
34
|
default: undefined;
|
|
30
35
|
};
|
|
31
36
|
separatorMargin: PropType<string | number>;
|
|
@@ -48,7 +53,7 @@ export declare const Breadcrumbs: import("../..").WithBoxProps<import("vue").Def
|
|
|
48
53
|
}>> & Readonly<{}>, {
|
|
49
54
|
classNames: Function | Record<string, any>;
|
|
50
55
|
styles: Function | Record<string, any>;
|
|
51
|
-
separator:
|
|
56
|
+
separator: MantineNode;
|
|
52
57
|
vars: Function | Record<string, any>;
|
|
53
58
|
unstyled: boolean;
|
|
54
|
-
},
|
|
59
|
+
}, SlotsType<BreadcrumbsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,5 +1,17 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
2
3
|
export type CheckboxVariant = 'filled' | 'outline';
|
|
4
|
+
export interface CheckboxIconSlotProps {
|
|
5
|
+
indeterminate?: boolean;
|
|
6
|
+
class?: any;
|
|
7
|
+
style?: any;
|
|
8
|
+
}
|
|
9
|
+
export interface CheckboxSlots {
|
|
10
|
+
label?: () => VNodeChild;
|
|
11
|
+
description?: () => VNodeChild;
|
|
12
|
+
error?: () => VNodeChild;
|
|
13
|
+
icon?: (props: CheckboxIconSlotProps) => VNodeChild;
|
|
14
|
+
}
|
|
3
15
|
export type CheckboxStylesNames = 'icon' | 'inner' | 'input' | 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
|
|
4
16
|
export declare const Checkbox: import("../..").WithBoxProps<{
|
|
5
17
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -8,7 +20,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
8
20
|
default: undefined;
|
|
9
21
|
};
|
|
10
22
|
label: {
|
|
11
|
-
type: PropType<
|
|
23
|
+
type: PropType<MantineNode>;
|
|
12
24
|
default: undefined;
|
|
13
25
|
};
|
|
14
26
|
color: {
|
|
@@ -32,11 +44,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
32
44
|
default: string;
|
|
33
45
|
};
|
|
34
46
|
description: {
|
|
35
|
-
type: PropType<
|
|
47
|
+
type: PropType<MantineNode>;
|
|
36
48
|
default: undefined;
|
|
37
49
|
};
|
|
38
50
|
error: {
|
|
39
|
-
type: PropType<
|
|
51
|
+
type: PropType<MantineNode | boolean>;
|
|
40
52
|
default: undefined;
|
|
41
53
|
};
|
|
42
54
|
indeterminate: {
|
|
@@ -107,11 +119,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
107
119
|
color: string;
|
|
108
120
|
autoContrast: boolean;
|
|
109
121
|
variant: CheckboxVariant;
|
|
110
|
-
error:
|
|
111
|
-
label:
|
|
122
|
+
error: MantineNode;
|
|
123
|
+
label: MantineNode;
|
|
112
124
|
classNames: Function | Record<string, any>;
|
|
113
125
|
styles: Function | Record<string, any>;
|
|
114
|
-
description:
|
|
126
|
+
description: MantineNode;
|
|
115
127
|
disabled: boolean;
|
|
116
128
|
mod: any;
|
|
117
129
|
id: string;
|
|
@@ -126,7 +138,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
126
138
|
checked: boolean;
|
|
127
139
|
indeterminate: boolean;
|
|
128
140
|
iconColor: string;
|
|
129
|
-
}, true, {},
|
|
141
|
+
}, true, {}, SlotsType<CheckboxSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
130
142
|
P: {};
|
|
131
143
|
B: {};
|
|
132
144
|
D: {};
|
|
@@ -139,7 +151,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
139
151
|
default: undefined;
|
|
140
152
|
};
|
|
141
153
|
label: {
|
|
142
|
-
type: PropType<
|
|
154
|
+
type: PropType<MantineNode>;
|
|
143
155
|
default: undefined;
|
|
144
156
|
};
|
|
145
157
|
color: {
|
|
@@ -163,11 +175,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
163
175
|
default: string;
|
|
164
176
|
};
|
|
165
177
|
description: {
|
|
166
|
-
type: PropType<
|
|
178
|
+
type: PropType<MantineNode>;
|
|
167
179
|
default: undefined;
|
|
168
180
|
};
|
|
169
181
|
error: {
|
|
170
|
-
type: PropType<
|
|
182
|
+
type: PropType<MantineNode | boolean>;
|
|
171
183
|
default: undefined;
|
|
172
184
|
};
|
|
173
185
|
indeterminate: {
|
|
@@ -238,11 +250,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
238
250
|
color: string;
|
|
239
251
|
autoContrast: boolean;
|
|
240
252
|
variant: CheckboxVariant;
|
|
241
|
-
error:
|
|
242
|
-
label:
|
|
253
|
+
error: MantineNode;
|
|
254
|
+
label: MantineNode;
|
|
243
255
|
classNames: Function | Record<string, any>;
|
|
244
256
|
styles: Function | Record<string, any>;
|
|
245
|
-
description:
|
|
257
|
+
description: MantineNode;
|
|
246
258
|
disabled: boolean;
|
|
247
259
|
mod: any;
|
|
248
260
|
id: string;
|
|
@@ -267,7 +279,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
267
279
|
default: undefined;
|
|
268
280
|
};
|
|
269
281
|
label: {
|
|
270
|
-
type: PropType<
|
|
282
|
+
type: PropType<MantineNode>;
|
|
271
283
|
default: undefined;
|
|
272
284
|
};
|
|
273
285
|
color: {
|
|
@@ -291,11 +303,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
291
303
|
default: string;
|
|
292
304
|
};
|
|
293
305
|
description: {
|
|
294
|
-
type: PropType<
|
|
306
|
+
type: PropType<MantineNode>;
|
|
295
307
|
default: undefined;
|
|
296
308
|
};
|
|
297
309
|
error: {
|
|
298
|
-
type: PropType<
|
|
310
|
+
type: PropType<MantineNode | boolean>;
|
|
299
311
|
default: undefined;
|
|
300
312
|
};
|
|
301
313
|
indeterminate: {
|
|
@@ -366,11 +378,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
366
378
|
color: string;
|
|
367
379
|
autoContrast: boolean;
|
|
368
380
|
variant: CheckboxVariant;
|
|
369
|
-
error:
|
|
370
|
-
label:
|
|
381
|
+
error: MantineNode;
|
|
382
|
+
label: MantineNode;
|
|
371
383
|
classNames: Function | Record<string, any>;
|
|
372
384
|
styles: Function | Record<string, any>;
|
|
373
|
-
description:
|
|
385
|
+
description: MantineNode;
|
|
374
386
|
disabled: boolean;
|
|
375
387
|
mod: any;
|
|
376
388
|
id: string;
|
|
@@ -385,7 +397,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
385
397
|
checked: boolean;
|
|
386
398
|
indeterminate: boolean;
|
|
387
399
|
iconColor: string;
|
|
388
|
-
}, {}, string,
|
|
400
|
+
}, {}, string, SlotsType<CheckboxSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
389
401
|
classes: {
|
|
390
402
|
[x: string]: string;
|
|
391
403
|
};
|
|
@@ -436,15 +448,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
436
448
|
default: boolean;
|
|
437
449
|
};
|
|
438
450
|
label: {
|
|
439
|
-
type: PropType<
|
|
451
|
+
type: PropType<MantineNode>;
|
|
440
452
|
default: undefined;
|
|
441
453
|
};
|
|
442
454
|
description: {
|
|
443
|
-
type: PropType<
|
|
455
|
+
type: PropType<MantineNode>;
|
|
444
456
|
default: undefined;
|
|
445
457
|
};
|
|
446
458
|
error: {
|
|
447
|
-
type: PropType<
|
|
459
|
+
type: PropType<MantineNode | boolean>;
|
|
448
460
|
default: undefined;
|
|
449
461
|
};
|
|
450
462
|
classNames: {
|
|
@@ -511,15 +523,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
511
523
|
default: boolean;
|
|
512
524
|
};
|
|
513
525
|
label: {
|
|
514
|
-
type: PropType<
|
|
526
|
+
type: PropType<MantineNode>;
|
|
515
527
|
default: undefined;
|
|
516
528
|
};
|
|
517
529
|
description: {
|
|
518
|
-
type: PropType<
|
|
530
|
+
type: PropType<MantineNode>;
|
|
519
531
|
default: undefined;
|
|
520
532
|
};
|
|
521
533
|
error: {
|
|
522
|
-
type: PropType<
|
|
534
|
+
type: PropType<MantineNode | boolean>;
|
|
523
535
|
default: undefined;
|
|
524
536
|
};
|
|
525
537
|
classNames: {
|
|
@@ -541,13 +553,13 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
541
553
|
}>> & Readonly<{}>, {
|
|
542
554
|
size: string | number;
|
|
543
555
|
name: string;
|
|
544
|
-
error:
|
|
556
|
+
error: MantineNode;
|
|
545
557
|
onChange: (value: string[]) => void;
|
|
546
|
-
label:
|
|
558
|
+
label: MantineNode;
|
|
547
559
|
value: string[] | undefined;
|
|
548
560
|
classNames: Function | Record<string, any>;
|
|
549
561
|
styles: Function | Record<string, any>;
|
|
550
|
-
description:
|
|
562
|
+
description: MantineNode;
|
|
551
563
|
disabled: boolean;
|
|
552
564
|
defaultValue: string[] | undefined;
|
|
553
565
|
vars: Function | Record<string, any>;
|
|
@@ -557,7 +569,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
557
569
|
readOnly: boolean;
|
|
558
570
|
hiddenInputValuesSeparator: string;
|
|
559
571
|
maxSelectedValues: number;
|
|
560
|
-
},
|
|
572
|
+
}, SlotsType<import("./CheckboxGroup/CheckboxGroup").CheckboxGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
561
573
|
Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
562
574
|
color: {
|
|
563
575
|
type: StringConstructor;
|
|
@@ -698,7 +710,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
|
|
|
698
710
|
checked: boolean;
|
|
699
711
|
indeterminate: boolean;
|
|
700
712
|
iconColor: string;
|
|
701
|
-
},
|
|
713
|
+
}, SlotsType<import("./CheckboxIndicator/CheckboxIndicator").CheckboxIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
702
714
|
Card: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
703
715
|
checked: {
|
|
704
716
|
type: BooleanConstructor;
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../../core';
|
|
2
3
|
export interface CheckboxGroupContextValue {
|
|
3
4
|
value: string[];
|
|
4
5
|
onChange: (eventOrValue: Event | string) => void;
|
|
5
6
|
size?: string | number;
|
|
6
7
|
isDisabled?: (value: string) => boolean;
|
|
7
8
|
}
|
|
9
|
+
export interface CheckboxGroupSlots {
|
|
10
|
+
default?: () => VNodeChild;
|
|
11
|
+
label?: () => VNodeChild;
|
|
12
|
+
description?: () => VNodeChild;
|
|
13
|
+
error?: () => VNodeChild;
|
|
14
|
+
}
|
|
8
15
|
export declare function useCheckboxGroupContext(): CheckboxGroupContextValue | null;
|
|
9
16
|
export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
17
|
value: {
|
|
@@ -52,15 +59,15 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
|
|
|
52
59
|
default: boolean;
|
|
53
60
|
};
|
|
54
61
|
label: {
|
|
55
|
-
type: PropType<
|
|
62
|
+
type: PropType<MantineNode>;
|
|
56
63
|
default: undefined;
|
|
57
64
|
};
|
|
58
65
|
description: {
|
|
59
|
-
type: PropType<
|
|
66
|
+
type: PropType<MantineNode>;
|
|
60
67
|
default: undefined;
|
|
61
68
|
};
|
|
62
69
|
error: {
|
|
63
|
-
type: PropType<
|
|
70
|
+
type: PropType<MantineNode | boolean>;
|
|
64
71
|
default: undefined;
|
|
65
72
|
};
|
|
66
73
|
classNames: {
|
|
@@ -127,15 +134,15 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
|
|
|
127
134
|
default: boolean;
|
|
128
135
|
};
|
|
129
136
|
label: {
|
|
130
|
-
type: PropType<
|
|
137
|
+
type: PropType<MantineNode>;
|
|
131
138
|
default: undefined;
|
|
132
139
|
};
|
|
133
140
|
description: {
|
|
134
|
-
type: PropType<
|
|
141
|
+
type: PropType<MantineNode>;
|
|
135
142
|
default: undefined;
|
|
136
143
|
};
|
|
137
144
|
error: {
|
|
138
|
-
type: PropType<
|
|
145
|
+
type: PropType<MantineNode | boolean>;
|
|
139
146
|
default: undefined;
|
|
140
147
|
};
|
|
141
148
|
classNames: {
|
|
@@ -157,13 +164,13 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
|
|
|
157
164
|
}>> & Readonly<{}>, {
|
|
158
165
|
size: string | number;
|
|
159
166
|
name: string;
|
|
160
|
-
error:
|
|
167
|
+
error: MantineNode;
|
|
161
168
|
onChange: (value: string[]) => void;
|
|
162
|
-
label:
|
|
169
|
+
label: MantineNode;
|
|
163
170
|
value: string[] | undefined;
|
|
164
171
|
classNames: Function | Record<string, any>;
|
|
165
172
|
styles: Function | Record<string, any>;
|
|
166
|
-
description:
|
|
173
|
+
description: MantineNode;
|
|
167
174
|
disabled: boolean;
|
|
168
175
|
defaultValue: string[] | undefined;
|
|
169
176
|
vars: Function | Record<string, any>;
|
|
@@ -173,4 +180,4 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
|
|
|
173
180
|
readOnly: boolean;
|
|
174
181
|
hiddenInputValuesSeparator: string;
|
|
175
182
|
maxSelectedValues: number;
|
|
176
|
-
},
|
|
183
|
+
}, SlotsType<CheckboxGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
export type CheckboxIndicatorVariant = 'filled' | 'outline';
|
|
3
|
+
export interface CheckboxIndicatorSlots {
|
|
4
|
+
icon?: (props: {
|
|
5
|
+
indeterminate?: boolean;
|
|
6
|
+
class?: any;
|
|
7
|
+
style?: any;
|
|
8
|
+
}) => VNodeChild;
|
|
9
|
+
}
|
|
3
10
|
export declare const CheckboxIndicator: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
11
|
color: {
|
|
5
12
|
type: StringConstructor;
|
|
@@ -140,4 +147,4 @@ export declare const CheckboxIndicator: import("../../..").WithBoxProps<import("
|
|
|
140
147
|
checked: boolean;
|
|
141
148
|
indeterminate: boolean;
|
|
142
149
|
iconColor: string;
|
|
143
|
-
},
|
|
150
|
+
}, SlotsType<CheckboxIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|