@mantine-vue/core 2.0.0 → 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
|
@@ -1,17 +1,23 @@
|
|
|
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 SpoilerStylesNames = 'root' | 'control' | 'content';
|
|
4
|
+
export interface SpoilerSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
showLabel?: () => VNodeChild;
|
|
7
|
+
hideLabel?: () => VNodeChild;
|
|
8
|
+
}
|
|
3
9
|
export declare const Spoiler: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
10
|
maxHeight: {
|
|
5
11
|
type: NumberConstructor;
|
|
6
12
|
default: undefined;
|
|
7
13
|
};
|
|
8
14
|
showLabel: {
|
|
9
|
-
type: PropType<
|
|
10
|
-
|
|
15
|
+
type: PropType<MantineNode>;
|
|
16
|
+
default: undefined;
|
|
11
17
|
};
|
|
12
18
|
hideLabel: {
|
|
13
|
-
type: PropType<
|
|
14
|
-
|
|
19
|
+
type: PropType<MantineNode>;
|
|
20
|
+
default: undefined;
|
|
15
21
|
};
|
|
16
22
|
defaultExpanded: {
|
|
17
23
|
type: BooleanConstructor;
|
|
@@ -65,12 +71,12 @@ export declare const Spoiler: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
65
71
|
default: undefined;
|
|
66
72
|
};
|
|
67
73
|
showLabel: {
|
|
68
|
-
type: PropType<
|
|
69
|
-
|
|
74
|
+
type: PropType<MantineNode>;
|
|
75
|
+
default: undefined;
|
|
70
76
|
};
|
|
71
77
|
hideLabel: {
|
|
72
|
-
type: PropType<
|
|
73
|
-
|
|
78
|
+
type: PropType<MantineNode>;
|
|
79
|
+
default: undefined;
|
|
74
80
|
};
|
|
75
81
|
defaultExpanded: {
|
|
76
82
|
type: BooleanConstructor;
|
|
@@ -125,8 +131,10 @@ export declare const Spoiler: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
125
131
|
maxHeight: number;
|
|
126
132
|
vars: Function | Record<string, any>;
|
|
127
133
|
unstyled: boolean;
|
|
134
|
+
showLabel: MantineNode;
|
|
135
|
+
hideLabel: MantineNode;
|
|
128
136
|
defaultExpanded: boolean;
|
|
129
137
|
onExpandedChange: (expanded: boolean) => void;
|
|
130
138
|
showAriaLabel: string;
|
|
131
139
|
hideAriaLabel: string;
|
|
132
|
-
},
|
|
140
|
+
}, SlotsType<SpoilerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
import { type PropType, type VNode } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
|
|
2
|
+
export interface StepperSlots {
|
|
3
|
+
default?: () => VNodeChild;
|
|
4
|
+
icon?: (payload: {
|
|
5
|
+
step: number;
|
|
6
|
+
}) => VNodeChild;
|
|
7
|
+
completedIcon?: (payload: {
|
|
8
|
+
step: number;
|
|
9
|
+
}) => VNodeChild;
|
|
10
|
+
progressIcon?: (payload: {
|
|
11
|
+
step: number;
|
|
12
|
+
}) => VNodeChild;
|
|
13
|
+
}
|
|
2
14
|
export type StepperStylesNames = 'root' | 'separator' | 'steps' | 'content' | 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
|
|
3
15
|
export declare const Stepper: import("../..").WithBoxProps<{
|
|
4
16
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -109,7 +121,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
109
121
|
contentPadding: string | number;
|
|
110
122
|
onStepClick: (stepIndex: number) => void;
|
|
111
123
|
allowNextStepsSelect: boolean;
|
|
112
|
-
}, true, {},
|
|
124
|
+
}, true, {}, SlotsType<StepperSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
113
125
|
P: {};
|
|
114
126
|
B: {};
|
|
115
127
|
D: {};
|
|
@@ -336,7 +348,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
336
348
|
contentPadding: string | number;
|
|
337
349
|
onStepClick: (stepIndex: number) => void;
|
|
338
350
|
allowNextStepsSelect: boolean;
|
|
339
|
-
}, {}, string,
|
|
351
|
+
}, {}, string, SlotsType<StepperSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
340
352
|
classes: Record<string, string>;
|
|
341
353
|
varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
|
|
342
354
|
Step: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -524,6 +536,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
|
|
|
524
536
|
iconPosition: "left" | "right";
|
|
525
537
|
allowStepClick: boolean;
|
|
526
538
|
allowStepSelect: boolean;
|
|
527
|
-
},
|
|
539
|
+
}, SlotsType<import("./StepperStep/StepperStep").StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
528
540
|
Completed: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
529
541
|
}>;
|
|
@@ -1,6 +1,16 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface StepperStepFragmentSlotProps {
|
|
3
|
+
step: number;
|
|
4
|
+
}
|
|
2
5
|
export type StepperStepState = 'stepInactive' | 'stepProgress' | 'stepCompleted';
|
|
3
6
|
export type StepperStepStylesNames = 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
|
|
7
|
+
export interface StepperStepSlots {
|
|
8
|
+
icon?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
9
|
+
completedIcon?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
10
|
+
progressIcon?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
11
|
+
label?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
12
|
+
description?: (payload: StepperStepFragmentSlotProps) => VNodeChild;
|
|
13
|
+
}
|
|
4
14
|
export declare const StepperStep: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
15
|
step: {
|
|
6
16
|
type: NumberConstructor;
|
|
@@ -186,4 +196,4 @@ export declare const StepperStep: import("../../..").WithBoxProps<import("vue").
|
|
|
186
196
|
iconPosition: "left" | "right";
|
|
187
197
|
allowStepClick: boolean;
|
|
188
198
|
allowStepSelect: boolean;
|
|
189
|
-
},
|
|
199
|
+
}, SlotsType<StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +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 SwitchSlots {
|
|
4
|
+
label?: () => VNodeChild;
|
|
5
|
+
description?: () => VNodeChild;
|
|
6
|
+
error?: () => VNodeChild;
|
|
7
|
+
thumbIcon?: () => VNodeChild;
|
|
8
|
+
onLabel?: () => VNodeChild;
|
|
9
|
+
offLabel?: () => VNodeChild;
|
|
10
|
+
}
|
|
2
11
|
export type SwitchStylesNames = 'root' | 'track' | 'trackLabel' | 'thumb' | 'input' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
|
|
3
12
|
export declare const Switch: import("../..").WithBoxProps<{
|
|
4
13
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -7,15 +16,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
7
16
|
default: undefined;
|
|
8
17
|
};
|
|
9
18
|
label: {
|
|
10
|
-
type: PropType<
|
|
19
|
+
type: PropType<MantineNode>;
|
|
11
20
|
default: undefined;
|
|
12
21
|
};
|
|
13
22
|
offLabel: {
|
|
14
|
-
type: PropType<
|
|
23
|
+
type: PropType<MantineNode>;
|
|
15
24
|
default: undefined;
|
|
16
25
|
};
|
|
17
26
|
onLabel: {
|
|
18
|
-
type: PropType<
|
|
27
|
+
type: PropType<MantineNode>;
|
|
19
28
|
default: undefined;
|
|
20
29
|
};
|
|
21
30
|
color: {
|
|
@@ -35,7 +44,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
35
44
|
default: undefined;
|
|
36
45
|
};
|
|
37
46
|
thumbIcon: {
|
|
38
|
-
type: PropType<
|
|
47
|
+
type: PropType<MantineNode>;
|
|
39
48
|
default: undefined;
|
|
40
49
|
};
|
|
41
50
|
labelPosition: {
|
|
@@ -43,11 +52,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
43
52
|
default: string;
|
|
44
53
|
};
|
|
45
54
|
description: {
|
|
46
|
-
type: PropType<
|
|
55
|
+
type: PropType<MantineNode>;
|
|
47
56
|
default: undefined;
|
|
48
57
|
};
|
|
49
58
|
error: {
|
|
50
|
-
type: PropType<
|
|
59
|
+
type: PropType<MantineNode | boolean>;
|
|
51
60
|
default: undefined;
|
|
52
61
|
};
|
|
53
62
|
rootRef: {
|
|
@@ -105,12 +114,12 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
105
114
|
radius: string | number;
|
|
106
115
|
color: string;
|
|
107
116
|
variant: string;
|
|
108
|
-
error:
|
|
117
|
+
error: MantineNode;
|
|
109
118
|
onChange: (event: Event) => void;
|
|
110
|
-
label:
|
|
119
|
+
label: MantineNode;
|
|
111
120
|
classNames: Function | Record<string, any>;
|
|
112
121
|
styles: Function | Record<string, any>;
|
|
113
|
-
description:
|
|
122
|
+
description: MantineNode;
|
|
114
123
|
disabled: boolean;
|
|
115
124
|
mod: any;
|
|
116
125
|
id: string;
|
|
@@ -121,11 +130,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
121
130
|
rootRef: any;
|
|
122
131
|
checked: boolean;
|
|
123
132
|
defaultChecked: boolean;
|
|
124
|
-
offLabel:
|
|
125
|
-
onLabel:
|
|
126
|
-
thumbIcon:
|
|
133
|
+
offLabel: MantineNode;
|
|
134
|
+
onLabel: MantineNode;
|
|
135
|
+
thumbIcon: MantineNode;
|
|
127
136
|
withThumbIndicator: boolean;
|
|
128
|
-
}, true, {},
|
|
137
|
+
}, true, {}, SlotsType<SwitchSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
129
138
|
P: {};
|
|
130
139
|
B: {};
|
|
131
140
|
D: {};
|
|
@@ -138,15 +147,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
138
147
|
default: undefined;
|
|
139
148
|
};
|
|
140
149
|
label: {
|
|
141
|
-
type: PropType<
|
|
150
|
+
type: PropType<MantineNode>;
|
|
142
151
|
default: undefined;
|
|
143
152
|
};
|
|
144
153
|
offLabel: {
|
|
145
|
-
type: PropType<
|
|
154
|
+
type: PropType<MantineNode>;
|
|
146
155
|
default: undefined;
|
|
147
156
|
};
|
|
148
157
|
onLabel: {
|
|
149
|
-
type: PropType<
|
|
158
|
+
type: PropType<MantineNode>;
|
|
150
159
|
default: undefined;
|
|
151
160
|
};
|
|
152
161
|
color: {
|
|
@@ -166,7 +175,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
166
175
|
default: undefined;
|
|
167
176
|
};
|
|
168
177
|
thumbIcon: {
|
|
169
|
-
type: PropType<
|
|
178
|
+
type: PropType<MantineNode>;
|
|
170
179
|
default: undefined;
|
|
171
180
|
};
|
|
172
181
|
labelPosition: {
|
|
@@ -174,11 +183,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
174
183
|
default: string;
|
|
175
184
|
};
|
|
176
185
|
description: {
|
|
177
|
-
type: PropType<
|
|
186
|
+
type: PropType<MantineNode>;
|
|
178
187
|
default: undefined;
|
|
179
188
|
};
|
|
180
189
|
error: {
|
|
181
|
-
type: PropType<
|
|
190
|
+
type: PropType<MantineNode | boolean>;
|
|
182
191
|
default: undefined;
|
|
183
192
|
};
|
|
184
193
|
rootRef: {
|
|
@@ -236,12 +245,12 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
236
245
|
radius: string | number;
|
|
237
246
|
color: string;
|
|
238
247
|
variant: string;
|
|
239
|
-
error:
|
|
248
|
+
error: MantineNode;
|
|
240
249
|
onChange: (event: Event) => void;
|
|
241
|
-
label:
|
|
250
|
+
label: MantineNode;
|
|
242
251
|
classNames: Function | Record<string, any>;
|
|
243
252
|
styles: Function | Record<string, any>;
|
|
244
|
-
description:
|
|
253
|
+
description: MantineNode;
|
|
245
254
|
disabled: boolean;
|
|
246
255
|
mod: any;
|
|
247
256
|
id: string;
|
|
@@ -252,9 +261,9 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
252
261
|
rootRef: any;
|
|
253
262
|
checked: boolean;
|
|
254
263
|
defaultChecked: boolean;
|
|
255
|
-
offLabel:
|
|
256
|
-
onLabel:
|
|
257
|
-
thumbIcon:
|
|
264
|
+
offLabel: MantineNode;
|
|
265
|
+
onLabel: MantineNode;
|
|
266
|
+
thumbIcon: MantineNode;
|
|
258
267
|
withThumbIndicator: boolean;
|
|
259
268
|
}>;
|
|
260
269
|
__isFragment?: never;
|
|
@@ -266,15 +275,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
266
275
|
default: undefined;
|
|
267
276
|
};
|
|
268
277
|
label: {
|
|
269
|
-
type: PropType<
|
|
278
|
+
type: PropType<MantineNode>;
|
|
270
279
|
default: undefined;
|
|
271
280
|
};
|
|
272
281
|
offLabel: {
|
|
273
|
-
type: PropType<
|
|
282
|
+
type: PropType<MantineNode>;
|
|
274
283
|
default: undefined;
|
|
275
284
|
};
|
|
276
285
|
onLabel: {
|
|
277
|
-
type: PropType<
|
|
286
|
+
type: PropType<MantineNode>;
|
|
278
287
|
default: undefined;
|
|
279
288
|
};
|
|
280
289
|
color: {
|
|
@@ -294,7 +303,7 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
294
303
|
default: undefined;
|
|
295
304
|
};
|
|
296
305
|
thumbIcon: {
|
|
297
|
-
type: PropType<
|
|
306
|
+
type: PropType<MantineNode>;
|
|
298
307
|
default: undefined;
|
|
299
308
|
};
|
|
300
309
|
labelPosition: {
|
|
@@ -302,11 +311,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
302
311
|
default: string;
|
|
303
312
|
};
|
|
304
313
|
description: {
|
|
305
|
-
type: PropType<
|
|
314
|
+
type: PropType<MantineNode>;
|
|
306
315
|
default: undefined;
|
|
307
316
|
};
|
|
308
317
|
error: {
|
|
309
|
-
type: PropType<
|
|
318
|
+
type: PropType<MantineNode | boolean>;
|
|
310
319
|
default: undefined;
|
|
311
320
|
};
|
|
312
321
|
rootRef: {
|
|
@@ -364,12 +373,12 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
364
373
|
radius: string | number;
|
|
365
374
|
color: string;
|
|
366
375
|
variant: string;
|
|
367
|
-
error:
|
|
376
|
+
error: MantineNode;
|
|
368
377
|
onChange: (event: Event) => void;
|
|
369
|
-
label:
|
|
378
|
+
label: MantineNode;
|
|
370
379
|
classNames: Function | Record<string, any>;
|
|
371
380
|
styles: Function | Record<string, any>;
|
|
372
|
-
description:
|
|
381
|
+
description: MantineNode;
|
|
373
382
|
disabled: boolean;
|
|
374
383
|
mod: any;
|
|
375
384
|
id: string;
|
|
@@ -380,11 +389,11 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
380
389
|
rootRef: any;
|
|
381
390
|
checked: boolean;
|
|
382
391
|
defaultChecked: boolean;
|
|
383
|
-
offLabel:
|
|
384
|
-
onLabel:
|
|
385
|
-
thumbIcon:
|
|
392
|
+
offLabel: MantineNode;
|
|
393
|
+
onLabel: MantineNode;
|
|
394
|
+
thumbIcon: MantineNode;
|
|
386
395
|
withThumbIndicator: boolean;
|
|
387
|
-
}, {}, string,
|
|
396
|
+
}, {}, string, SlotsType<SwitchSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
388
397
|
classes: {
|
|
389
398
|
[x: string]: string;
|
|
390
399
|
};
|
|
@@ -435,15 +444,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
435
444
|
default: boolean;
|
|
436
445
|
};
|
|
437
446
|
label: {
|
|
438
|
-
type: PropType<
|
|
447
|
+
type: PropType<MantineNode>;
|
|
439
448
|
default: undefined;
|
|
440
449
|
};
|
|
441
450
|
description: {
|
|
442
|
-
type: PropType<
|
|
451
|
+
type: PropType<MantineNode>;
|
|
443
452
|
default: undefined;
|
|
444
453
|
};
|
|
445
454
|
error: {
|
|
446
|
-
type: PropType<
|
|
455
|
+
type: PropType<MantineNode | boolean>;
|
|
447
456
|
default: undefined;
|
|
448
457
|
};
|
|
449
458
|
classNames: {
|
|
@@ -510,15 +519,15 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
510
519
|
default: boolean;
|
|
511
520
|
};
|
|
512
521
|
label: {
|
|
513
|
-
type: PropType<
|
|
522
|
+
type: PropType<MantineNode>;
|
|
514
523
|
default: undefined;
|
|
515
524
|
};
|
|
516
525
|
description: {
|
|
517
|
-
type: PropType<
|
|
526
|
+
type: PropType<MantineNode>;
|
|
518
527
|
default: undefined;
|
|
519
528
|
};
|
|
520
529
|
error: {
|
|
521
|
-
type: PropType<
|
|
530
|
+
type: PropType<MantineNode | boolean>;
|
|
522
531
|
default: undefined;
|
|
523
532
|
};
|
|
524
533
|
classNames: {
|
|
@@ -540,13 +549,13 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
540
549
|
}>> & Readonly<{}>, {
|
|
541
550
|
size: string | number;
|
|
542
551
|
name: string;
|
|
543
|
-
error:
|
|
552
|
+
error: MantineNode;
|
|
544
553
|
onChange: (value: string[]) => void;
|
|
545
|
-
label:
|
|
554
|
+
label: MantineNode;
|
|
546
555
|
value: string[] | undefined;
|
|
547
556
|
classNames: Function | Record<string, any>;
|
|
548
557
|
styles: Function | Record<string, any>;
|
|
549
|
-
description:
|
|
558
|
+
description: MantineNode;
|
|
550
559
|
disabled: boolean;
|
|
551
560
|
defaultValue: string[] | undefined;
|
|
552
561
|
vars: Function | Record<string, any>;
|
|
@@ -556,5 +565,5 @@ export declare const Switch: import("../..").WithBoxProps<{
|
|
|
556
565
|
readOnly: boolean;
|
|
557
566
|
hiddenInputValuesSeparator: string;
|
|
558
567
|
maxSelectedValues: number;
|
|
559
|
-
},
|
|
568
|
+
}, SlotsType<import("./SwitchGroup/SwitchGroup").SwitchGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
560
569
|
}>;
|
|
@@ -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 SwitchGroupContextValue {
|
|
3
4
|
value: string[];
|
|
4
5
|
onChange: (event: Event) => void;
|
|
5
6
|
size?: string | number;
|
|
6
7
|
isDisabled?: (value: string) => boolean;
|
|
7
8
|
}
|
|
9
|
+
export interface SwitchGroupSlots {
|
|
10
|
+
default?: () => VNodeChild;
|
|
11
|
+
label?: () => VNodeChild;
|
|
12
|
+
description?: () => VNodeChild;
|
|
13
|
+
error?: () => VNodeChild;
|
|
14
|
+
}
|
|
8
15
|
export declare function useSwitchGroupContext(): SwitchGroupContextValue | null;
|
|
9
16
|
export declare const SwitchGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
17
|
value: {
|
|
@@ -52,15 +59,15 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
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 SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
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 SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
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 SwitchGroup: import("vue").DefineComponent<import("vue").Ex
|
|
|
173
180
|
readOnly: boolean;
|
|
174
181
|
hiddenInputValuesSeparator: string;
|
|
175
182
|
maxSelectedValues: number;
|
|
176
|
-
},
|
|
183
|
+
}, SlotsType<SwitchGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -349,11 +349,11 @@ export declare const Tabs: {
|
|
|
349
349
|
required: true;
|
|
350
350
|
};
|
|
351
351
|
rightSection: {
|
|
352
|
-
type: PropType<
|
|
352
|
+
type: PropType<import("../..").MantineNode>;
|
|
353
353
|
default: undefined;
|
|
354
354
|
};
|
|
355
355
|
leftSection: {
|
|
356
|
-
type: PropType<
|
|
356
|
+
type: PropType<import("../..").MantineNode>;
|
|
357
357
|
default: undefined;
|
|
358
358
|
};
|
|
359
359
|
color: {
|
|
@@ -400,11 +400,11 @@ export declare const Tabs: {
|
|
|
400
400
|
required: true;
|
|
401
401
|
};
|
|
402
402
|
rightSection: {
|
|
403
|
-
type: PropType<
|
|
403
|
+
type: PropType<import("../..").MantineNode>;
|
|
404
404
|
default: undefined;
|
|
405
405
|
};
|
|
406
406
|
leftSection: {
|
|
407
|
-
type: PropType<
|
|
407
|
+
type: PropType<import("../..").MantineNode>;
|
|
408
408
|
default: undefined;
|
|
409
409
|
};
|
|
410
410
|
color: {
|
|
@@ -452,10 +452,10 @@ export declare const Tabs: {
|
|
|
452
452
|
disabled: boolean;
|
|
453
453
|
mod: any;
|
|
454
454
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
455
|
-
leftSection:
|
|
456
|
-
rightSection:
|
|
455
|
+
leftSection: import("../..").MantineNode;
|
|
456
|
+
rightSection: import("../..").MantineNode;
|
|
457
457
|
tabIndex: number;
|
|
458
|
-
},
|
|
458
|
+
}, import("vue").SlotsType<import("./TabsTab/TabsTab").TabsTabSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
459
459
|
Panel: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
460
460
|
value: {
|
|
461
461
|
type: StringConstructor;
|
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode, type SectionSlots } from '../../../core';
|
|
2
3
|
export type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';
|
|
4
|
+
export interface TabsTabSlots extends SectionSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
}
|
|
3
7
|
export declare const TabsTab: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
8
|
value: {
|
|
5
9
|
type: StringConstructor;
|
|
6
10
|
required: true;
|
|
7
11
|
};
|
|
8
12
|
rightSection: {
|
|
9
|
-
type: PropType<
|
|
13
|
+
type: PropType<MantineNode>;
|
|
10
14
|
default: undefined;
|
|
11
15
|
};
|
|
12
16
|
leftSection: {
|
|
13
|
-
type: PropType<
|
|
17
|
+
type: PropType<MantineNode>;
|
|
14
18
|
default: undefined;
|
|
15
19
|
};
|
|
16
20
|
color: {
|
|
@@ -57,11 +61,11 @@ export declare const TabsTab: import("vue").DefineComponent<import("vue").Extrac
|
|
|
57
61
|
required: true;
|
|
58
62
|
};
|
|
59
63
|
rightSection: {
|
|
60
|
-
type: PropType<
|
|
64
|
+
type: PropType<MantineNode>;
|
|
61
65
|
default: undefined;
|
|
62
66
|
};
|
|
63
67
|
leftSection: {
|
|
64
|
-
type: PropType<
|
|
68
|
+
type: PropType<MantineNode>;
|
|
65
69
|
default: undefined;
|
|
66
70
|
};
|
|
67
71
|
color: {
|
|
@@ -109,7 +113,7 @@ export declare const TabsTab: import("vue").DefineComponent<import("vue").Extrac
|
|
|
109
113
|
disabled: boolean;
|
|
110
114
|
mod: any;
|
|
111
115
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
112
|
-
leftSection:
|
|
113
|
-
rightSection:
|
|
116
|
+
leftSection: MantineNode;
|
|
117
|
+
rightSection: MantineNode;
|
|
114
118
|
tabIndex: number;
|
|
115
|
-
},
|
|
119
|
+
}, SlotsType<TabsTabSlots>, {}, {}, 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
2
|
import { type ComboboxData } from '../Combobox';
|
|
3
|
+
export interface TagsInputSlots {
|
|
4
|
+
label?: () => VNodeChild;
|
|
5
|
+
description?: () => VNodeChild;
|
|
6
|
+
error?: () => VNodeChild;
|
|
7
|
+
leftSection?: () => VNodeChild;
|
|
8
|
+
rightSection?: () => VNodeChild;
|
|
9
|
+
renderOption?: (input: {
|
|
10
|
+
option: any;
|
|
11
|
+
checked?: boolean;
|
|
12
|
+
}) => VNodeChild;
|
|
13
|
+
nothingFound?: () => VNodeChild;
|
|
14
|
+
}
|
|
3
15
|
export interface TagsInputProps {
|
|
4
16
|
modelValue?: string[];
|
|
5
17
|
value?: string[];
|
|
@@ -172,4 +184,4 @@ export declare const TagsInput: import("vue").DefineComponent<import("vue").Extr
|
|
|
172
184
|
allowDuplicates: boolean;
|
|
173
185
|
splitChars: string[];
|
|
174
186
|
acceptValueOnBlur: boolean;
|
|
175
|
-
},
|
|
187
|
+
}, SlotsType<TagsInputSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -244,11 +244,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
244
244
|
default: undefined;
|
|
245
245
|
};
|
|
246
246
|
title: {
|
|
247
|
-
type: PropType<
|
|
247
|
+
type: PropType<import("../..").MantineNode>;
|
|
248
248
|
default: undefined;
|
|
249
249
|
};
|
|
250
250
|
bullet: {
|
|
251
|
-
type: PropType<
|
|
251
|
+
type: PropType<import("../..").MantineNode>;
|
|
252
252
|
default: undefined;
|
|
253
253
|
};
|
|
254
254
|
radius: {
|
|
@@ -307,11 +307,11 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
307
307
|
default: undefined;
|
|
308
308
|
};
|
|
309
309
|
title: {
|
|
310
|
-
type: PropType<
|
|
310
|
+
type: PropType<import("../..").MantineNode>;
|
|
311
311
|
default: undefined;
|
|
312
312
|
};
|
|
313
313
|
bullet: {
|
|
314
|
-
type: PropType<
|
|
314
|
+
type: PropType<import("../..").MantineNode>;
|
|
315
315
|
default: undefined;
|
|
316
316
|
};
|
|
317
317
|
radius: {
|
|
@@ -350,7 +350,7 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
350
350
|
radius: string | number;
|
|
351
351
|
color: string;
|
|
352
352
|
style: any;
|
|
353
|
-
title:
|
|
353
|
+
title: import("../..").MantineNode;
|
|
354
354
|
classNames: Function | Record<string, any>;
|
|
355
355
|
styles: Function | Record<string, any>;
|
|
356
356
|
active: boolean;
|
|
@@ -360,7 +360,7 @@ export declare const Timeline: import("../..").WithBoxProps<{
|
|
|
360
360
|
__lineActive: boolean;
|
|
361
361
|
__align: "left" | "right";
|
|
362
362
|
lineActive: boolean;
|
|
363
|
-
bullet:
|
|
363
|
+
bullet: import("../..").MantineNode;
|
|
364
364
|
lineVariant: "dashed" | "dotted" | "solid";
|
|
365
|
-
},
|
|
365
|
+
}, import("vue").SlotsType<import("./TimelineItem/TimelineItem").TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
366
366
|
}>;
|