@mantine/core 7.14.2-alpha.0 → 7.14.3
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/components/Autocomplete/Autocomplete.cjs.map +1 -1
- package/cjs/components/Checkbox/CheckboxCard/CheckboxCard.cjs +14 -5
- package/cjs/components/Checkbox/CheckboxCard/CheckboxCard.cjs.map +1 -1
- package/cjs/components/FileInput/FileInput.cjs +19 -1
- package/cjs/components/FileInput/FileInput.cjs.map +1 -1
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.cjs +8 -4
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBase.cjs +4 -0
- package/cjs/components/ModalBase/ModalBase.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBase.context.cjs.map +1 -1
- package/cjs/components/ModalBase/ModalBaseContent.cjs +8 -0
- package/cjs/components/ModalBase/ModalBaseContent.cjs.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.cjs +1 -1
- package/cjs/components/PasswordInput/PasswordInput.cjs.map +1 -1
- package/cjs/components/Popover/Popover.cjs +11 -1
- package/cjs/components/Popover/Popover.cjs.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.cjs +2 -2
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.cjs.map +1 -1
- package/cjs/components/Slider/Slider/Slider.cjs +35 -0
- package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
- package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs +27 -0
- package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs.map +1 -0
- package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
- package/cjs/components/Transition/Transition.cjs.map +1 -1
- package/cjs/components/Tree/Tree.cjs +3 -1
- package/cjs/components/Tree/Tree.cjs.map +1 -1
- package/cjs/components/Tree/TreeNode.cjs +15 -6
- package/cjs/components/Tree/TreeNode.cjs.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs +5 -2
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs.map +1 -1
- package/cjs/core/factory/create-polymorphic-component.cjs.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/esm/components/Checkbox/CheckboxCard/CheckboxCard.mjs +14 -5
- package/esm/components/Checkbox/CheckboxCard/CheckboxCard.mjs.map +1 -1
- package/esm/components/FileInput/FileInput.mjs +19 -1
- package/esm/components/FileInput/FileInput.mjs.map +1 -1
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.mjs +8 -4
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.context.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.mjs +4 -0
- package/esm/components/ModalBase/ModalBase.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBaseContent.mjs +8 -0
- package/esm/components/ModalBase/ModalBaseContent.mjs.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.mjs +1 -1
- package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
- package/esm/components/Popover/Popover.mjs +11 -1
- package/esm/components/Popover/Popover.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.mjs +2 -2
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.mjs.map +1 -1
- package/esm/components/Slider/Slider/Slider.mjs +35 -0
- package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
- package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs +22 -0
- package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs.map +1 -0
- package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
- package/esm/components/Transition/Transition.mjs.map +1 -1
- package/esm/components/Tree/Tree.mjs +3 -1
- package/esm/components/Tree/Tree.mjs.map +1 -1
- package/esm/components/Tree/TreeNode.mjs +15 -6
- package/esm/components/Tree/TreeNode.mjs.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs +5 -2
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map +1 -1
- package/esm/core/factory/create-polymorphic-component.mjs.map +1 -1
- package/lib/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/lib/components/Badge/Badge.d.ts +1 -1
- package/lib/components/Checkbox/CheckboxCard/CheckboxCard.d.ts +5 -1
- package/lib/components/Combobox/Combobox.types.d.ts +1 -1
- package/lib/components/FileInput/FileInput.d.ts +3 -3
- package/lib/components/Input/use-input-props.d.ts +4 -4
- package/lib/components/ModalBase/ModalBase.context.d.ts +2 -0
- package/lib/components/ModalBase/ModalBase.d.ts +4 -0
- package/lib/components/Popover/Popover.d.ts +4 -0
- package/lib/components/Slider/utils/get-step-mark-value/get-step-mark-value.d.ts +16 -0
- package/lib/components/TagsInput/TagsInput.d.ts +1 -1
- package/lib/components/Transition/Transition.d.ts +1 -1
- package/lib/components/Tree/Tree.d.ts +2 -0
- package/lib/components/Tree/TreeNode.d.ts +2 -1
- package/lib/core/Box/Box.d.ts +1 -1
- package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts +2 -2
- package/lib/core/factory/create-polymorphic-component.d.ts +2 -2
- package/package.json +5 -5
- package/styles/ScrollArea.css +1 -0
- package/styles/ScrollArea.layer.css +1 -0
- package/styles/TypographyStylesProvider.css +2 -4
- package/styles/TypographyStylesProvider.layer.css +2 -4
- package/styles.css +3 -4
- package/styles.layer.css +3 -4
- package/lib/core/types.d.ts +0 -3
- package/styles/baseline.css +0 -36
- package/styles/baseline.layer.css +0 -37
- package/styles/default-css-variables.css +0 -499
- package/styles/default-css-variables.layer.css +0 -500
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/core",
|
|
3
|
-
"version": "7.14.
|
|
3
|
+
"version": "7.14.3",
|
|
4
4
|
"description": "React components library focused on usability, accessibility and developer experience",
|
|
5
5
|
"homepage": "https://mantine.dev/",
|
|
6
6
|
"license": "MIT",
|
|
@@ -43,17 +43,17 @@
|
|
|
43
43
|
"directory": "packages/@mantine/core"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
|
-
"@mantine/hooks": "7.14.
|
|
46
|
+
"@mantine/hooks": "7.14.3",
|
|
47
47
|
"react": "^18.x || ^19.x",
|
|
48
48
|
"react-dom": "^18.x || ^19.x"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@floating-ui/react": "^0.26.
|
|
51
|
+
"@floating-ui/react": "^0.26.28",
|
|
52
52
|
"clsx": "^2.1.1",
|
|
53
53
|
"react-number-format": "^5.4.2",
|
|
54
54
|
"react-remove-scroll": "^2.6.0",
|
|
55
|
-
"react-textarea-autosize": "8.5.
|
|
56
|
-
"type-fest": "^4.
|
|
55
|
+
"react-textarea-autosize": "8.5.5",
|
|
56
|
+
"type-fest": "^4.27.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@mantine-tests/core": "workspace:*",
|
package/styles/ScrollArea.css
CHANGED
|
@@ -150,11 +150,9 @@
|
|
|
150
150
|
}
|
|
151
151
|
.m_d6493fad :where(ul, ol):not([data-type='taskList']) {
|
|
152
152
|
margin-bottom: var(--mantine-spacing-md);
|
|
153
|
-
padding-inline-start:
|
|
153
|
+
padding-inline-start: var(--mantine-spacing-lg);
|
|
154
|
+
list-style-position: inside;
|
|
154
155
|
}
|
|
155
|
-
.m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
|
|
156
|
-
margin-bottom: var(--mantine-spacing-xs);
|
|
157
|
-
}
|
|
158
156
|
.m_d6493fad :where(table) {
|
|
159
157
|
width: 100%;
|
|
160
158
|
border-collapse: collapse;
|
|
@@ -150,11 +150,9 @@
|
|
|
150
150
|
}
|
|
151
151
|
.m_d6493fad :where(ul, ol):not([data-type='taskList']) {
|
|
152
152
|
margin-bottom: var(--mantine-spacing-md);
|
|
153
|
-
padding-inline-start:
|
|
153
|
+
padding-inline-start: var(--mantine-spacing-lg);
|
|
154
|
+
list-style-position: inside;
|
|
154
155
|
}
|
|
155
|
-
.m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
|
|
156
|
-
margin-bottom: var(--mantine-spacing-xs);
|
|
157
|
-
}
|
|
158
156
|
.m_d6493fad :where(table) {
|
|
159
157
|
width: 100%;
|
|
160
158
|
border-collapse: collapse;
|
package/styles.css
CHANGED
|
@@ -695,6 +695,7 @@ fieldset:disabled .mantine-active:active {
|
|
|
695
695
|
position: relative;
|
|
696
696
|
transition: background-color 150ms ease;
|
|
697
697
|
overflow: hidden;
|
|
698
|
+
opacity: var(--thumb-opacity);
|
|
698
699
|
}
|
|
699
700
|
|
|
700
701
|
.m_d8b5e363::before {
|
|
@@ -7464,11 +7465,9 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
7464
7465
|
}
|
|
7465
7466
|
.m_d6493fad :where(ul, ol):not([data-type='taskList']) {
|
|
7466
7467
|
margin-bottom: var(--mantine-spacing-md);
|
|
7467
|
-
padding-inline-start:
|
|
7468
|
+
padding-inline-start: var(--mantine-spacing-lg);
|
|
7469
|
+
list-style-position: inside;
|
|
7468
7470
|
}
|
|
7469
|
-
.m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
|
|
7470
|
-
margin-bottom: var(--mantine-spacing-xs);
|
|
7471
|
-
}
|
|
7472
7471
|
.m_d6493fad :where(table) {
|
|
7473
7472
|
width: 100%;
|
|
7474
7473
|
border-collapse: collapse;
|
package/styles.layer.css
CHANGED
|
@@ -695,6 +695,7 @@ fieldset:disabled .mantine-active:active {
|
|
|
695
695
|
position: relative;
|
|
696
696
|
transition: background-color 150ms ease;
|
|
697
697
|
overflow: hidden;
|
|
698
|
+
opacity: var(--thumb-opacity);
|
|
698
699
|
}
|
|
699
700
|
|
|
700
701
|
.m_d8b5e363::before {
|
|
@@ -7464,11 +7465,9 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
|
|
|
7464
7465
|
}
|
|
7465
7466
|
.m_d6493fad :where(ul, ol):not([data-type='taskList']) {
|
|
7466
7467
|
margin-bottom: var(--mantine-spacing-md);
|
|
7467
|
-
padding-inline-start:
|
|
7468
|
+
padding-inline-start: var(--mantine-spacing-lg);
|
|
7469
|
+
list-style-position: inside;
|
|
7468
7470
|
}
|
|
7469
|
-
.m_d6493fad :where(ul, ol):not([data-type='taskList']) :where(li) {
|
|
7470
|
-
margin-bottom: var(--mantine-spacing-xs);
|
|
7471
|
-
}
|
|
7472
7471
|
.m_d6493fad :where(table) {
|
|
7473
7472
|
width: 100%;
|
|
7474
7473
|
border-collapse: collapse;
|
package/lib/core/types.d.ts
DELETED
package/styles/baseline.css
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
*,
|
|
2
|
-
*::before,
|
|
3
|
-
*::after {
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
input,
|
|
8
|
-
button,
|
|
9
|
-
textarea,
|
|
10
|
-
select {
|
|
11
|
-
font: inherit;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
button,
|
|
15
|
-
select {
|
|
16
|
-
text-transform: none;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
body {
|
|
20
|
-
margin: 0;
|
|
21
|
-
font-family: var(--mantine-font-family);
|
|
22
|
-
font-size: var(--mantine-font-size-md);
|
|
23
|
-
line-height: var(--mantine-line-height);
|
|
24
|
-
background-color: var(--mantine-color-body);
|
|
25
|
-
color: var(--mantine-color-text);
|
|
26
|
-
|
|
27
|
-
-webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
|
|
28
|
-
-moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@media screen and (max-device-width: 31.25em) {
|
|
32
|
-
|
|
33
|
-
body {
|
|
34
|
-
-webkit-text-size-adjust: 100%
|
|
35
|
-
}
|
|
36
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
@layer mantine {*,
|
|
2
|
-
*::before,
|
|
3
|
-
*::after {
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
input,
|
|
8
|
-
button,
|
|
9
|
-
textarea,
|
|
10
|
-
select {
|
|
11
|
-
font: inherit;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
button,
|
|
15
|
-
select {
|
|
16
|
-
text-transform: none;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
body {
|
|
20
|
-
margin: 0;
|
|
21
|
-
font-family: var(--mantine-font-family);
|
|
22
|
-
font-size: var(--mantine-font-size-md);
|
|
23
|
-
line-height: var(--mantine-line-height);
|
|
24
|
-
background-color: var(--mantine-color-body);
|
|
25
|
-
color: var(--mantine-color-text);
|
|
26
|
-
|
|
27
|
-
-webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
|
|
28
|
-
-moz-osx-font-smoothing: var(--mantine-moz-font-smoothing);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@media screen and (max-device-width: 31.25em) {
|
|
32
|
-
|
|
33
|
-
body {
|
|
34
|
-
-webkit-text-size-adjust: 100%
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|