@mantine/core 8.3.13 → 8.3.15
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/LICENSE +21 -0
- package/cjs/components/Checkbox/Checkbox.cjs +2 -0
- package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
- package/cjs/components/CloseButton/CloseButton.cjs.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.cjs +10 -2
- package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
- package/cjs/components/Switch/Switch.cjs +2 -0
- package/cjs/components/Switch/Switch.cjs.map +1 -1
- package/cjs/components/TagsInput/TagsInput.cjs +11 -3
- package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
- package/cjs/components/TagsInput/get-splitted-tags.cjs +17 -2
- package/cjs/components/TagsInput/get-splitted-tags.cjs.map +1 -1
- package/cjs/index.cjs +2 -2
- package/esm/components/Checkbox/Checkbox.mjs +2 -0
- package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
- package/esm/components/CloseButton/CloseButton.mjs.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.mjs +10 -2
- package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
- package/esm/components/Switch/Switch.mjs +2 -0
- package/esm/components/Switch/Switch.mjs.map +1 -1
- package/esm/components/TagsInput/TagsInput.mjs +11 -3
- package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
- package/esm/components/TagsInput/get-splitted-tags.mjs +17 -2
- package/esm/components/TagsInput/get-splitted-tags.mjs.map +1 -1
- package/esm/index.mjs +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +3 -3
- package/lib/components/Anchor/Anchor.d.ts +3 -3
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +3 -3
- package/lib/components/Avatar/Avatar.d.ts +3 -3
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +3 -3
- package/lib/components/Badge/Badge.d.ts +3 -3
- package/lib/components/Button/Button.d.ts +3 -3
- package/lib/components/Card/Card.d.ts +3 -3
- package/lib/components/Card/CardSection/CardSection.d.ts +3 -3
- package/lib/components/Center/Center.d.ts +3 -3
- package/lib/components/CloseButton/CloseButton.d.ts +4 -4
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +3 -3
- package/lib/components/Flex/Flex.d.ts +3 -3
- package/lib/components/Highlight/Highlight.d.ts +3 -3
- package/lib/components/Image/Image.d.ts +3 -3
- package/lib/components/Input/Input.d.ts +3 -3
- package/lib/components/InputBase/InputBase.d.ts +3 -3
- package/lib/components/Menu/Menu.d.ts +3 -3
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +3 -3
- package/lib/components/Menu/MenuSub/MenuSub.d.ts +3 -3
- package/lib/components/Menu/MenuSubItem/MenuSubItem.d.ts +3 -3
- package/lib/components/NavLink/NavLink.d.ts +3 -3
- package/lib/components/Overlay/Overlay.d.ts +3 -3
- package/lib/components/Paper/Paper.d.ts +3 -3
- package/lib/components/TagsInput/get-splitted-tags.d.ts +3 -1
- package/lib/components/Text/Text.d.ts +3 -3
- package/lib/components/UnstyledButton/UnstyledButton.d.ts +3 -3
- package/lib/core/factory/index.d.ts +5 -5
- package/package.json +2 -2
- package/styles/Chip.css +1 -1
- package/styles/Chip.layer.css +1 -1
- package/styles/Switch.css +4 -2
- package/styles/Switch.layer.css +4 -2
- package/styles.css +5 -3
- package/styles.layer.css +5 -3
|
@@ -48,7 +48,7 @@ export declare const Avatar: (<C = "div">(props: import("../..").PolymorphicComp
|
|
|
48
48
|
}) | (AvatarProps & {
|
|
49
49
|
component: React.ElementType;
|
|
50
50
|
renderRoot?: (props: Record<string, any>) => any;
|
|
51
|
-
})>, never> & import("
|
|
51
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
52
52
|
props: AvatarProps;
|
|
53
53
|
defaultRef: HTMLDivElement;
|
|
54
54
|
defaultComponent: "div";
|
|
@@ -58,7 +58,7 @@ export declare const Avatar: (<C = "div">(props: import("../..").PolymorphicComp
|
|
|
58
58
|
staticComponents: {
|
|
59
59
|
Group: typeof AvatarGroup;
|
|
60
60
|
};
|
|
61
|
-
}> & import("
|
|
61
|
+
}> & import("../..").ComponentClasses<{
|
|
62
62
|
props: AvatarProps;
|
|
63
63
|
defaultRef: HTMLDivElement;
|
|
64
64
|
defaultComponent: "div";
|
|
@@ -68,7 +68,7 @@ export declare const Avatar: (<C = "div">(props: import("../..").PolymorphicComp
|
|
|
68
68
|
staticComponents: {
|
|
69
69
|
Group: typeof AvatarGroup;
|
|
70
70
|
};
|
|
71
|
-
}> & import("
|
|
71
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
72
72
|
props: AvatarProps;
|
|
73
73
|
defaultRef: HTMLDivElement;
|
|
74
74
|
defaultComponent: "div";
|
|
@@ -24,19 +24,19 @@ export declare const BackgroundImage: (<C = "div">(props: import("../..").Polymo
|
|
|
24
24
|
}) | (BackgroundImageProps & {
|
|
25
25
|
component: React.ElementType;
|
|
26
26
|
renderRoot?: (props: Record<string, any>) => any;
|
|
27
|
-
})>, never> & import("
|
|
27
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
28
28
|
props: BackgroundImageProps;
|
|
29
29
|
defaultRef: HTMLDivElement;
|
|
30
30
|
defaultComponent: "div";
|
|
31
31
|
stylesNames: BackgroundImageStylesNames;
|
|
32
32
|
vars: BackgroundImageCssVariables;
|
|
33
|
-
}> & import("
|
|
33
|
+
}> & import("../..").ComponentClasses<{
|
|
34
34
|
props: BackgroundImageProps;
|
|
35
35
|
defaultRef: HTMLDivElement;
|
|
36
36
|
defaultComponent: "div";
|
|
37
37
|
stylesNames: BackgroundImageStylesNames;
|
|
38
38
|
vars: BackgroundImageCssVariables;
|
|
39
|
-
}> & import("
|
|
39
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
40
40
|
props: BackgroundImageProps;
|
|
41
41
|
defaultRef: HTMLDivElement;
|
|
42
42
|
defaultComponent: "div";
|
|
@@ -42,21 +42,21 @@ export declare const Badge: (<C = "div">(props: import("../..").PolymorphicCompo
|
|
|
42
42
|
}) | (BadgeProps & {
|
|
43
43
|
component: React.ElementType;
|
|
44
44
|
renderRoot?: (props: Record<string, any>) => any;
|
|
45
|
-
})>, never> & import("
|
|
45
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
46
46
|
props: BadgeProps;
|
|
47
47
|
defaultRef: HTMLDivElement;
|
|
48
48
|
defaultComponent: "div";
|
|
49
49
|
stylesNames: BadgeStylesNames;
|
|
50
50
|
vars: BadgeCssVariables;
|
|
51
51
|
variant: BadgeVariant;
|
|
52
|
-
}> & import("
|
|
52
|
+
}> & import("../..").ComponentClasses<{
|
|
53
53
|
props: BadgeProps;
|
|
54
54
|
defaultRef: HTMLDivElement;
|
|
55
55
|
defaultComponent: "div";
|
|
56
56
|
stylesNames: BadgeStylesNames;
|
|
57
57
|
vars: BadgeCssVariables;
|
|
58
58
|
variant: BadgeVariant;
|
|
59
|
-
}> & import("
|
|
59
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
60
60
|
props: BadgeProps;
|
|
61
61
|
defaultRef: HTMLDivElement;
|
|
62
62
|
defaultComponent: "div";
|
|
@@ -56,7 +56,7 @@ export declare const Button: (<C = "button">(props: import("../..").PolymorphicC
|
|
|
56
56
|
}) | (ButtonProps & {
|
|
57
57
|
component: React.ElementType;
|
|
58
58
|
renderRoot?: (props: Record<string, any>) => any;
|
|
59
|
-
})>, never> & import("
|
|
59
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
60
60
|
props: ButtonProps;
|
|
61
61
|
defaultRef: HTMLButtonElement;
|
|
62
62
|
defaultComponent: "button";
|
|
@@ -67,7 +67,7 @@ export declare const Button: (<C = "button">(props: import("../..").PolymorphicC
|
|
|
67
67
|
Group: typeof ButtonGroup;
|
|
68
68
|
GroupSection: typeof ButtonGroupSection;
|
|
69
69
|
};
|
|
70
|
-
}> & import("
|
|
70
|
+
}> & import("../..").ComponentClasses<{
|
|
71
71
|
props: ButtonProps;
|
|
72
72
|
defaultRef: HTMLButtonElement;
|
|
73
73
|
defaultComponent: "button";
|
|
@@ -78,7 +78,7 @@ export declare const Button: (<C = "button">(props: import("../..").PolymorphicC
|
|
|
78
78
|
Group: typeof ButtonGroup;
|
|
79
79
|
GroupSection: typeof ButtonGroupSection;
|
|
80
80
|
};
|
|
81
|
-
}> & import("
|
|
81
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
82
82
|
props: ButtonProps;
|
|
83
83
|
defaultRef: HTMLButtonElement;
|
|
84
84
|
defaultComponent: "button";
|
|
@@ -34,7 +34,7 @@ export declare const Card: (<C = "div">(props: import("../..").PolymorphicCompon
|
|
|
34
34
|
}) | (CardProps & {
|
|
35
35
|
component: React.ElementType;
|
|
36
36
|
renderRoot?: (props: Record<string, any>) => any;
|
|
37
|
-
})>, never> & import("
|
|
37
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
38
38
|
props: CardProps;
|
|
39
39
|
defaultRef: HTMLDivElement;
|
|
40
40
|
defaultComponent: "div";
|
|
@@ -43,7 +43,7 @@ export declare const Card: (<C = "div">(props: import("../..").PolymorphicCompon
|
|
|
43
43
|
staticComponents: {
|
|
44
44
|
Section: typeof CardSection;
|
|
45
45
|
};
|
|
46
|
-
}> & import("
|
|
46
|
+
}> & import("../..").ComponentClasses<{
|
|
47
47
|
props: CardProps;
|
|
48
48
|
defaultRef: HTMLDivElement;
|
|
49
49
|
defaultComponent: "div";
|
|
@@ -52,7 +52,7 @@ export declare const Card: (<C = "div">(props: import("../..").PolymorphicCompon
|
|
|
52
52
|
staticComponents: {
|
|
53
53
|
Section: typeof CardSection;
|
|
54
54
|
};
|
|
55
|
-
}> & import("
|
|
55
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
56
56
|
props: CardProps;
|
|
57
57
|
defaultRef: HTMLDivElement;
|
|
58
58
|
defaultComponent: "div";
|
|
@@ -21,19 +21,19 @@ export declare const CardSection: (<C = "div">(props: import("../../..").Polymor
|
|
|
21
21
|
}) | (CardSectionProps & {
|
|
22
22
|
component: React.ElementType;
|
|
23
23
|
renderRoot?: (props: Record<string, any>) => any;
|
|
24
|
-
})>, never> & import("
|
|
24
|
+
})>, never> & import("../../..").ThemeExtend<{
|
|
25
25
|
props: CardSectionProps;
|
|
26
26
|
defaultRef: HTMLDivElement;
|
|
27
27
|
defaultComponent: "div";
|
|
28
28
|
stylesNames: CardSectionStylesNames;
|
|
29
29
|
compound: true;
|
|
30
|
-
}> & import("
|
|
30
|
+
}> & import("../../..").ComponentClasses<{
|
|
31
31
|
props: CardSectionProps;
|
|
32
32
|
defaultRef: HTMLDivElement;
|
|
33
33
|
defaultComponent: "div";
|
|
34
34
|
stylesNames: CardSectionStylesNames;
|
|
35
35
|
compound: true;
|
|
36
|
-
}> & import("
|
|
36
|
+
}> & import("../../..").PolymorphicComponentWithProps<{
|
|
37
37
|
props: CardSectionProps;
|
|
38
38
|
defaultRef: HTMLDivElement;
|
|
39
39
|
defaultComponent: "div";
|
|
@@ -20,17 +20,17 @@ export declare const Center: (<C = "div">(props: import("../..").PolymorphicComp
|
|
|
20
20
|
}) | (CenterProps & {
|
|
21
21
|
component: React.ElementType;
|
|
22
22
|
renderRoot?: (props: Record<string, any>) => any;
|
|
23
|
-
})>, never> & import("
|
|
23
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
24
24
|
props: CenterProps;
|
|
25
25
|
defaultRef: HTMLDivElement;
|
|
26
26
|
defaultComponent: "div";
|
|
27
27
|
stylesNames: CenterStylesNames;
|
|
28
|
-
}> & import("
|
|
28
|
+
}> & import("../..").ComponentClasses<{
|
|
29
29
|
props: CenterProps;
|
|
30
30
|
defaultRef: HTMLDivElement;
|
|
31
31
|
defaultComponent: "div";
|
|
32
32
|
stylesNames: CenterStylesNames;
|
|
33
|
-
}> & import("
|
|
33
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
34
34
|
props: CenterProps;
|
|
35
35
|
defaultRef: HTMLDivElement;
|
|
36
36
|
defaultComponent: "div";
|
|
@@ -12,7 +12,7 @@ export interface __CloseButtonProps {
|
|
|
12
12
|
radius?: MantineRadius;
|
|
13
13
|
/** Sets `disabled` attribute, assigns disabled styles */
|
|
14
14
|
disabled?: boolean;
|
|
15
|
-
/** `X` icon `width` and `height` @default `
|
|
15
|
+
/** `X` icon `width` and `height` @default `70%` */
|
|
16
16
|
iconSize?: number | string;
|
|
17
17
|
/** Content rendered inside the button. For example `VisuallyHidden` with label for screen readers. */
|
|
18
18
|
children?: React.ReactNode;
|
|
@@ -38,21 +38,21 @@ export declare const CloseButton: (<C = "button">(props: import("../..").Polymor
|
|
|
38
38
|
}) | (CloseButtonProps & {
|
|
39
39
|
component: React.ElementType;
|
|
40
40
|
renderRoot?: (props: Record<string, any>) => any;
|
|
41
|
-
})>, never> & import("
|
|
41
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
42
42
|
props: CloseButtonProps;
|
|
43
43
|
defaultComponent: "button";
|
|
44
44
|
defaultRef: HTMLButtonElement;
|
|
45
45
|
stylesNames: CloseButtonStylesNames;
|
|
46
46
|
variant: CloseButtonVariant;
|
|
47
47
|
vars: CloseButtonCssVariables;
|
|
48
|
-
}> & import("
|
|
48
|
+
}> & import("../..").ComponentClasses<{
|
|
49
49
|
props: CloseButtonProps;
|
|
50
50
|
defaultComponent: "button";
|
|
51
51
|
defaultRef: HTMLButtonElement;
|
|
52
52
|
stylesNames: CloseButtonStylesNames;
|
|
53
53
|
variant: CloseButtonVariant;
|
|
54
54
|
vars: CloseButtonCssVariables;
|
|
55
|
-
}> & import("
|
|
55
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
56
56
|
props: CloseButtonProps;
|
|
57
57
|
defaultComponent: "button";
|
|
58
58
|
defaultRef: HTMLButtonElement;
|
|
@@ -30,19 +30,19 @@ export declare const ColorSwatch: (<C = "div">(props: import("../..").Polymorphi
|
|
|
30
30
|
}) | (ColorSwatchProps & {
|
|
31
31
|
component: React.ElementType;
|
|
32
32
|
renderRoot?: (props: Record<string, any>) => any;
|
|
33
|
-
})>, never> & import("
|
|
33
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
34
34
|
props: ColorSwatchProps;
|
|
35
35
|
defaultRef: HTMLDivElement;
|
|
36
36
|
defaultComponent: "div";
|
|
37
37
|
stylesNames: ColorSwatchStylesNames;
|
|
38
38
|
vars: ColorSwatchCssVariables;
|
|
39
|
-
}> & import("
|
|
39
|
+
}> & import("../..").ComponentClasses<{
|
|
40
40
|
props: ColorSwatchProps;
|
|
41
41
|
defaultRef: HTMLDivElement;
|
|
42
42
|
defaultComponent: "div";
|
|
43
43
|
stylesNames: ColorSwatchStylesNames;
|
|
44
44
|
vars: ColorSwatchCssVariables;
|
|
45
|
-
}> & import("
|
|
45
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
46
46
|
props: ColorSwatchProps;
|
|
47
47
|
defaultRef: HTMLDivElement;
|
|
48
48
|
defaultComponent: "div";
|
|
@@ -30,17 +30,17 @@ export declare const Flex: (<C = "div">(props: import("../..").PolymorphicCompon
|
|
|
30
30
|
}) | (FlexProps & {
|
|
31
31
|
component: React.ElementType;
|
|
32
32
|
renderRoot?: (props: Record<string, any>) => any;
|
|
33
|
-
})>, never> & import("
|
|
33
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
34
34
|
props: FlexProps;
|
|
35
35
|
defaultRef: HTMLDivElement;
|
|
36
36
|
defaultComponent: "div";
|
|
37
37
|
stylesNames: FlexStylesNames;
|
|
38
|
-
}> & import("
|
|
38
|
+
}> & import("../..").ComponentClasses<{
|
|
39
39
|
props: FlexProps;
|
|
40
40
|
defaultRef: HTMLDivElement;
|
|
41
41
|
defaultComponent: "div";
|
|
42
42
|
stylesNames: FlexStylesNames;
|
|
43
|
-
}> & import("
|
|
43
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
44
44
|
props: FlexProps;
|
|
45
45
|
defaultRef: HTMLDivElement;
|
|
46
46
|
defaultComponent: "div";
|
|
@@ -25,19 +25,19 @@ export declare const Highlight: (<C = "div">(props: import("../..").PolymorphicC
|
|
|
25
25
|
}) | (HighlightProps & {
|
|
26
26
|
component: React.ElementType;
|
|
27
27
|
renderRoot?: (props: Record<string, any>) => any;
|
|
28
|
-
})>, never> & import("
|
|
28
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
29
29
|
props: HighlightProps;
|
|
30
30
|
defaultRef: HTMLDivElement;
|
|
31
31
|
defaultComponent: "div";
|
|
32
32
|
stylesNames: TextStylesNames;
|
|
33
33
|
variant: TextVariant;
|
|
34
|
-
}> & import("
|
|
34
|
+
}> & import("../..").ComponentClasses<{
|
|
35
35
|
props: HighlightProps;
|
|
36
36
|
defaultRef: HTMLDivElement;
|
|
37
37
|
defaultComponent: "div";
|
|
38
38
|
stylesNames: TextStylesNames;
|
|
39
39
|
variant: TextVariant;
|
|
40
|
-
}> & import("
|
|
40
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
41
41
|
props: HighlightProps;
|
|
42
42
|
defaultRef: HTMLDivElement;
|
|
43
43
|
defaultComponent: "div";
|
|
@@ -30,19 +30,19 @@ export declare const Image: (<C = "img">(props: import("../..").PolymorphicCompo
|
|
|
30
30
|
}) | (ImageProps & {
|
|
31
31
|
component: React.ElementType;
|
|
32
32
|
renderRoot?: (props: Record<string, any>) => any;
|
|
33
|
-
})>, never> & import("
|
|
33
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
34
34
|
props: ImageProps;
|
|
35
35
|
defaultRef: HTMLImageElement;
|
|
36
36
|
defaultComponent: "img";
|
|
37
37
|
stylesNames: ImageStylesNames;
|
|
38
38
|
vars: ImageCssVariables;
|
|
39
|
-
}> & import("
|
|
39
|
+
}> & import("../..").ComponentClasses<{
|
|
40
40
|
props: ImageProps;
|
|
41
41
|
defaultRef: HTMLImageElement;
|
|
42
42
|
defaultComponent: "img";
|
|
43
43
|
stylesNames: ImageStylesNames;
|
|
44
44
|
vars: ImageCssVariables;
|
|
45
|
-
}> & import("
|
|
45
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
46
46
|
props: ImageProps;
|
|
47
47
|
defaultRef: HTMLImageElement;
|
|
48
48
|
defaultComponent: "img";
|
|
@@ -98,7 +98,7 @@ export declare const Input: (<C = "input">(props: import("../..").PolymorphicCom
|
|
|
98
98
|
}) | (InputProps & {
|
|
99
99
|
component: React.ElementType;
|
|
100
100
|
renderRoot?: (props: Record<string, any>) => any;
|
|
101
|
-
})>, never> & import("
|
|
101
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
102
102
|
props: InputProps;
|
|
103
103
|
defaultRef: HTMLInputElement;
|
|
104
104
|
defaultComponent: "input";
|
|
@@ -114,7 +114,7 @@ export declare const Input: (<C = "input">(props: import("../..").PolymorphicCom
|
|
|
114
114
|
Wrapper: typeof InputWrapper;
|
|
115
115
|
ClearButton: typeof InputClearButton;
|
|
116
116
|
};
|
|
117
|
-
}> & import("
|
|
117
|
+
}> & import("../..").ComponentClasses<{
|
|
118
118
|
props: InputProps;
|
|
119
119
|
defaultRef: HTMLInputElement;
|
|
120
120
|
defaultComponent: "input";
|
|
@@ -130,7 +130,7 @@ export declare const Input: (<C = "input">(props: import("../..").PolymorphicCom
|
|
|
130
130
|
Wrapper: typeof InputWrapper;
|
|
131
131
|
ClearButton: typeof InputClearButton;
|
|
132
132
|
};
|
|
133
|
-
}> & import("
|
|
133
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
134
134
|
props: InputProps;
|
|
135
135
|
defaultRef: HTMLInputElement;
|
|
136
136
|
defaultComponent: "input";
|
|
@@ -25,19 +25,19 @@ export declare const InputBase: (<C = "input">(props: import("../..").Polymorphi
|
|
|
25
25
|
}) | (InputBaseProps & {
|
|
26
26
|
component: React.ElementType;
|
|
27
27
|
renderRoot?: (props: Record<string, any>) => any;
|
|
28
|
-
})>, never> & import("
|
|
28
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
29
29
|
props: InputBaseProps;
|
|
30
30
|
defaultRef: HTMLInputElement;
|
|
31
31
|
defaultComponent: "input";
|
|
32
32
|
stylesNames: __InputStylesNames;
|
|
33
33
|
variant: InputVariant;
|
|
34
|
-
}> & import("
|
|
34
|
+
}> & import("../..").ComponentClasses<{
|
|
35
35
|
props: InputBaseProps;
|
|
36
36
|
defaultRef: HTMLInputElement;
|
|
37
37
|
defaultComponent: "input";
|
|
38
38
|
stylesNames: __InputStylesNames;
|
|
39
39
|
variant: InputVariant;
|
|
40
|
-
}> & import("
|
|
40
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
41
41
|
props: InputBaseProps;
|
|
42
42
|
defaultRef: HTMLInputElement;
|
|
43
43
|
defaultComponent: "input";
|
|
@@ -62,19 +62,19 @@ export declare namespace Menu {
|
|
|
62
62
|
}) | (import(".").MenuItemProps & {
|
|
63
63
|
component: React.ElementType;
|
|
64
64
|
renderRoot?: (props: Record<string, any>) => any;
|
|
65
|
-
})>, never> & import("
|
|
65
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
66
66
|
props: import(".").MenuItemProps;
|
|
67
67
|
defaultRef: HTMLButtonElement;
|
|
68
68
|
defaultComponent: "button";
|
|
69
69
|
stylesNames: import("./MenuItem/MenuItem").MenuItemStylesNames;
|
|
70
70
|
compound: true;
|
|
71
|
-
}> & import("
|
|
71
|
+
}> & import("../..").ComponentClasses<{
|
|
72
72
|
props: import(".").MenuItemProps;
|
|
73
73
|
defaultRef: HTMLButtonElement;
|
|
74
74
|
defaultComponent: "button";
|
|
75
75
|
stylesNames: import("./MenuItem/MenuItem").MenuItemStylesNames;
|
|
76
76
|
compound: true;
|
|
77
|
-
}> & import("
|
|
77
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
78
78
|
props: import(".").MenuItemProps;
|
|
79
79
|
defaultRef: HTMLButtonElement;
|
|
80
80
|
defaultComponent: "button";
|
|
@@ -30,19 +30,19 @@ export declare const MenuItem: (<C = "button">(props: import("../../..").Polymor
|
|
|
30
30
|
}) | (MenuItemProps & {
|
|
31
31
|
component: React.ElementType;
|
|
32
32
|
renderRoot?: (props: Record<string, any>) => any;
|
|
33
|
-
})>, never> & import("
|
|
33
|
+
})>, never> & import("../../..").ThemeExtend<{
|
|
34
34
|
props: MenuItemProps;
|
|
35
35
|
defaultRef: HTMLButtonElement;
|
|
36
36
|
defaultComponent: "button";
|
|
37
37
|
stylesNames: MenuItemStylesNames;
|
|
38
38
|
compound: true;
|
|
39
|
-
}> & import("
|
|
39
|
+
}> & import("../../..").ComponentClasses<{
|
|
40
40
|
props: MenuItemProps;
|
|
41
41
|
defaultRef: HTMLButtonElement;
|
|
42
42
|
defaultComponent: "button";
|
|
43
43
|
stylesNames: MenuItemStylesNames;
|
|
44
44
|
compound: true;
|
|
45
|
-
}> & import("
|
|
45
|
+
}> & import("../../..").PolymorphicComponentWithProps<{
|
|
46
46
|
props: MenuItemProps;
|
|
47
47
|
defaultRef: HTMLButtonElement;
|
|
48
48
|
defaultComponent: "button";
|
|
@@ -42,19 +42,19 @@ export declare namespace MenuSub {
|
|
|
42
42
|
}) | (import("..").MenuSubItemProps & {
|
|
43
43
|
component: React.ElementType;
|
|
44
44
|
renderRoot?: (props: Record<string, any>) => any;
|
|
45
|
-
})>, never> & import("
|
|
45
|
+
})>, never> & import("../../..").ThemeExtend<{
|
|
46
46
|
props: import("..").MenuSubItemProps;
|
|
47
47
|
defaultRef: HTMLButtonElement;
|
|
48
48
|
defaultComponent: "button";
|
|
49
49
|
stylesNames: import("../MenuSubItem/MenuSubItem").MenuSubItemStylesNames;
|
|
50
50
|
compound: true;
|
|
51
|
-
}> & import("
|
|
51
|
+
}> & import("../../..").ComponentClasses<{
|
|
52
52
|
props: import("..").MenuSubItemProps;
|
|
53
53
|
defaultRef: HTMLButtonElement;
|
|
54
54
|
defaultComponent: "button";
|
|
55
55
|
stylesNames: import("../MenuSubItem/MenuSubItem").MenuSubItemStylesNames;
|
|
56
56
|
compound: true;
|
|
57
|
-
}> & import("
|
|
57
|
+
}> & import("../../..").PolymorphicComponentWithProps<{
|
|
58
58
|
props: import("..").MenuSubItemProps;
|
|
59
59
|
defaultRef: HTMLButtonElement;
|
|
60
60
|
defaultComponent: "button";
|
|
@@ -30,19 +30,19 @@ export declare const MenuSubItem: (<C = "button">(props: import("../../..").Poly
|
|
|
30
30
|
}) | (MenuSubItemProps & {
|
|
31
31
|
component: React.ElementType;
|
|
32
32
|
renderRoot?: (props: Record<string, any>) => any;
|
|
33
|
-
})>, never> & import("
|
|
33
|
+
})>, never> & import("../../..").ThemeExtend<{
|
|
34
34
|
props: MenuSubItemProps;
|
|
35
35
|
defaultRef: HTMLButtonElement;
|
|
36
36
|
defaultComponent: "button";
|
|
37
37
|
stylesNames: MenuSubItemStylesNames;
|
|
38
38
|
compound: true;
|
|
39
|
-
}> & import("
|
|
39
|
+
}> & import("../../..").ComponentClasses<{
|
|
40
40
|
props: MenuSubItemProps;
|
|
41
41
|
defaultRef: HTMLButtonElement;
|
|
42
42
|
defaultComponent: "button";
|
|
43
43
|
stylesNames: MenuSubItemStylesNames;
|
|
44
44
|
compound: true;
|
|
45
|
-
}> & import("
|
|
45
|
+
}> & import("../../..").PolymorphicComponentWithProps<{
|
|
46
46
|
props: MenuSubItemProps;
|
|
47
47
|
defaultRef: HTMLButtonElement;
|
|
48
48
|
defaultComponent: "button";
|
|
@@ -57,21 +57,21 @@ export declare const NavLink: (<C = "a">(props: import("../..").PolymorphicCompo
|
|
|
57
57
|
}) | (NavLinkProps & {
|
|
58
58
|
component: React.ElementType;
|
|
59
59
|
renderRoot?: (props: Record<string, any>) => any;
|
|
60
|
-
})>, never> & import("
|
|
60
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
61
61
|
props: NavLinkProps;
|
|
62
62
|
defaultRef: HTMLAnchorElement;
|
|
63
63
|
defaultComponent: "a";
|
|
64
64
|
stylesNames: NavLinkStylesNames;
|
|
65
65
|
vars: NavLinkCssVariables;
|
|
66
66
|
variant: NavLinkVariant;
|
|
67
|
-
}> & import("
|
|
67
|
+
}> & import("../..").ComponentClasses<{
|
|
68
68
|
props: NavLinkProps;
|
|
69
69
|
defaultRef: HTMLAnchorElement;
|
|
70
70
|
defaultComponent: "a";
|
|
71
71
|
stylesNames: NavLinkStylesNames;
|
|
72
72
|
vars: NavLinkCssVariables;
|
|
73
73
|
variant: NavLinkVariant;
|
|
74
|
-
}> & import("
|
|
74
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
75
75
|
props: NavLinkProps;
|
|
76
76
|
defaultRef: HTMLAnchorElement;
|
|
77
77
|
defaultComponent: "a";
|
|
@@ -38,19 +38,19 @@ export declare const Overlay: (<C = "div">(props: import("../..").PolymorphicCom
|
|
|
38
38
|
}) | (OverlayProps & {
|
|
39
39
|
component: React.ElementType;
|
|
40
40
|
renderRoot?: (props: Record<string, any>) => any;
|
|
41
|
-
})>, never> & import("
|
|
41
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
42
42
|
props: OverlayProps;
|
|
43
43
|
defaultRef: HTMLDivElement;
|
|
44
44
|
defaultComponent: "div";
|
|
45
45
|
stylesNames: OverlayStylesNames;
|
|
46
46
|
vars: OverlayCssVariables;
|
|
47
|
-
}> & import("
|
|
47
|
+
}> & import("../..").ComponentClasses<{
|
|
48
48
|
props: OverlayProps;
|
|
49
49
|
defaultRef: HTMLDivElement;
|
|
50
50
|
defaultComponent: "div";
|
|
51
51
|
stylesNames: OverlayStylesNames;
|
|
52
52
|
vars: OverlayCssVariables;
|
|
53
|
-
}> & import("
|
|
53
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
54
54
|
props: OverlayProps;
|
|
55
55
|
defaultRef: HTMLDivElement;
|
|
56
56
|
defaultComponent: "div";
|
|
@@ -28,19 +28,19 @@ export declare const Paper: (<C = "div">(props: import("../..").PolymorphicCompo
|
|
|
28
28
|
}) | (PaperProps & {
|
|
29
29
|
component: React.ElementType;
|
|
30
30
|
renderRoot?: (props: Record<string, any>) => any;
|
|
31
|
-
})>, never> & import("
|
|
31
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
32
32
|
props: PaperProps;
|
|
33
33
|
defaultComponent: "div";
|
|
34
34
|
defaultRef: HTMLDivElement;
|
|
35
35
|
stylesNames: PaperStylesNames;
|
|
36
36
|
vars: PaperCssVariables;
|
|
37
|
-
}> & import("
|
|
37
|
+
}> & import("../..").ComponentClasses<{
|
|
38
38
|
props: PaperProps;
|
|
39
39
|
defaultComponent: "div";
|
|
40
40
|
defaultRef: HTMLDivElement;
|
|
41
41
|
stylesNames: PaperStylesNames;
|
|
42
42
|
vars: PaperCssVariables;
|
|
43
|
-
}> & import("
|
|
43
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
44
44
|
props: PaperProps;
|
|
45
45
|
defaultComponent: "div";
|
|
46
46
|
defaultRef: HTMLDivElement;
|
|
@@ -4,6 +4,8 @@ interface GetSplittedTagsInput {
|
|
|
4
4
|
maxTags: number | undefined;
|
|
5
5
|
value: string;
|
|
6
6
|
currentTags: string[];
|
|
7
|
+
isDuplicate?: (value: string, currentValues: string[]) => boolean;
|
|
8
|
+
onDuplicate?: (value: string) => void;
|
|
7
9
|
}
|
|
8
|
-
export declare function getSplittedTags({ splitChars, allowDuplicates, maxTags, value, currentTags, }: GetSplittedTagsInput): string[];
|
|
10
|
+
export declare function getSplittedTags({ splitChars, allowDuplicates, maxTags, value, currentTags, isDuplicate, onDuplicate, }: GetSplittedTagsInput): string[];
|
|
9
11
|
export {};
|
|
@@ -40,21 +40,21 @@ export declare const Text: (<C = "p">(props: import("../..").PolymorphicComponen
|
|
|
40
40
|
}) | (TextProps & {
|
|
41
41
|
component: React.ElementType;
|
|
42
42
|
renderRoot?: (props: Record<string, any>) => any;
|
|
43
|
-
})>, never> & import("
|
|
43
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
44
44
|
props: TextProps;
|
|
45
45
|
defaultComponent: "p";
|
|
46
46
|
defaultRef: HTMLParagraphElement;
|
|
47
47
|
stylesNames: TextStylesNames;
|
|
48
48
|
vars: TextCssVariables;
|
|
49
49
|
variant: TextVariant;
|
|
50
|
-
}> & import("
|
|
50
|
+
}> & import("../..").ComponentClasses<{
|
|
51
51
|
props: TextProps;
|
|
52
52
|
defaultComponent: "p";
|
|
53
53
|
defaultRef: HTMLParagraphElement;
|
|
54
54
|
stylesNames: TextStylesNames;
|
|
55
55
|
vars: TextCssVariables;
|
|
56
56
|
variant: TextVariant;
|
|
57
|
-
}> & import("
|
|
57
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
58
58
|
props: TextProps;
|
|
59
59
|
defaultComponent: "p";
|
|
60
60
|
defaultRef: HTMLParagraphElement;
|
|
@@ -17,17 +17,17 @@ export declare const UnstyledButton: (<C = "button">(props: import("../..").Poly
|
|
|
17
17
|
}) | (UnstyledButtonProps & {
|
|
18
18
|
component: React.ElementType;
|
|
19
19
|
renderRoot?: (props: Record<string, any>) => any;
|
|
20
|
-
})>, never> & import("
|
|
20
|
+
})>, never> & import("../..").ThemeExtend<{
|
|
21
21
|
props: UnstyledButtonProps;
|
|
22
22
|
stylesNames: UnstyledButtonStylesNames;
|
|
23
23
|
defaultComponent: "button";
|
|
24
24
|
defaultRef: HTMLButtonElement;
|
|
25
|
-
}> & import("
|
|
25
|
+
}> & import("../..").ComponentClasses<{
|
|
26
26
|
props: UnstyledButtonProps;
|
|
27
27
|
stylesNames: UnstyledButtonStylesNames;
|
|
28
28
|
defaultComponent: "button";
|
|
29
29
|
defaultRef: HTMLButtonElement;
|
|
30
|
-
}> & import("
|
|
30
|
+
}> & import("../..").PolymorphicComponentWithProps<{
|
|
31
31
|
props: UnstyledButtonProps;
|
|
32
32
|
stylesNames: UnstyledButtonStylesNames;
|
|
33
33
|
defaultComponent: "button";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { polymorphicFactory } from './polymorphic-factory';
|
|
1
|
+
export type { Factory, PolymorphicFactory } from './create-factory';
|
|
3
2
|
export { createPolymorphicComponent } from './create-polymorphic-component';
|
|
4
|
-
export type { FactoryPayload, ExtendComponent, MantineComponent, MantineComponentStaticProperties, FactoryComponentWithProps, } from './factory';
|
|
5
|
-
export type { MantinePolymorphicComponent } from './polymorphic-factory';
|
|
6
3
|
export type { PolymorphicComponentProps, PolymorphicRef } from './create-polymorphic-component';
|
|
7
|
-
export
|
|
4
|
+
export { factory, getWithProps } from './factory';
|
|
5
|
+
export type { ComponentClasses, ExtendComponent, FactoryComponentWithProps, FactoryPayload, MantineComponent, MantineComponentStaticProperties, ThemeExtend, } from './factory';
|
|
6
|
+
export { polymorphicFactory, type PolymorphicComponentWithProps } from './polymorphic-factory';
|
|
7
|
+
export type { MantinePolymorphicComponent } from './polymorphic-factory';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/core",
|
|
3
|
-
"version": "8.3.
|
|
3
|
+
"version": "8.3.15",
|
|
4
4
|
"description": "React components library focused on usability, accessibility and developer experience",
|
|
5
5
|
"homepage": "https://mantine.dev/",
|
|
6
6
|
"license": "MIT",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"directory": "packages/@mantine/core"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
|
-
"@mantine/hooks": "8.3.
|
|
46
|
+
"@mantine/hooks": "8.3.15",
|
|
47
47
|
"react": "^18.x || ^19.x",
|
|
48
48
|
"react-dom": "^18.x || ^19.x"
|
|
49
49
|
},
|