@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.
Files changed (91) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.cjs.map +1 -1
  2. package/cjs/components/Checkbox/CheckboxCard/CheckboxCard.cjs +14 -5
  3. package/cjs/components/Checkbox/CheckboxCard/CheckboxCard.cjs.map +1 -1
  4. package/cjs/components/FileInput/FileInput.cjs +19 -1
  5. package/cjs/components/FileInput/FileInput.cjs.map +1 -1
  6. package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.cjs +8 -4
  7. package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.cjs.map +1 -1
  8. package/cjs/components/ModalBase/ModalBase.cjs +4 -0
  9. package/cjs/components/ModalBase/ModalBase.cjs.map +1 -1
  10. package/cjs/components/ModalBase/ModalBase.context.cjs.map +1 -1
  11. package/cjs/components/ModalBase/ModalBaseContent.cjs +8 -0
  12. package/cjs/components/ModalBase/ModalBaseContent.cjs.map +1 -1
  13. package/cjs/components/PasswordInput/PasswordInput.cjs +1 -1
  14. package/cjs/components/PasswordInput/PasswordInput.cjs.map +1 -1
  15. package/cjs/components/Popover/Popover.cjs +11 -1
  16. package/cjs/components/Popover/Popover.cjs.map +1 -1
  17. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.cjs +2 -2
  18. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.cjs.map +1 -1
  19. package/cjs/components/Slider/Slider/Slider.cjs +35 -0
  20. package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
  21. package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs +27 -0
  22. package/cjs/components/Slider/utils/get-step-mark-value/get-step-mark-value.cjs.map +1 -0
  23. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  24. package/cjs/components/Transition/Transition.cjs.map +1 -1
  25. package/cjs/components/Tree/Tree.cjs +3 -1
  26. package/cjs/components/Tree/Tree.cjs.map +1 -1
  27. package/cjs/components/Tree/TreeNode.cjs +15 -6
  28. package/cjs/components/Tree/TreeNode.cjs.map +1 -1
  29. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs +5 -2
  30. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs.map +1 -1
  31. package/cjs/core/factory/create-polymorphic-component.cjs.map +1 -1
  32. package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
  33. package/esm/components/Checkbox/CheckboxCard/CheckboxCard.mjs +14 -5
  34. package/esm/components/Checkbox/CheckboxCard/CheckboxCard.mjs.map +1 -1
  35. package/esm/components/FileInput/FileInput.mjs +19 -1
  36. package/esm/components/FileInput/FileInput.mjs.map +1 -1
  37. package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.mjs +8 -4
  38. package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.mjs.map +1 -1
  39. package/esm/components/ModalBase/ModalBase.context.mjs.map +1 -1
  40. package/esm/components/ModalBase/ModalBase.mjs +4 -0
  41. package/esm/components/ModalBase/ModalBase.mjs.map +1 -1
  42. package/esm/components/ModalBase/ModalBaseContent.mjs +8 -0
  43. package/esm/components/ModalBase/ModalBaseContent.mjs.map +1 -1
  44. package/esm/components/PasswordInput/PasswordInput.mjs +1 -1
  45. package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
  46. package/esm/components/Popover/Popover.mjs +11 -1
  47. package/esm/components/Popover/Popover.mjs.map +1 -1
  48. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.mjs +2 -2
  49. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.mjs.map +1 -1
  50. package/esm/components/Slider/Slider/Slider.mjs +35 -0
  51. package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
  52. package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs +22 -0
  53. package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs.map +1 -0
  54. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  55. package/esm/components/Transition/Transition.mjs.map +1 -1
  56. package/esm/components/Tree/Tree.mjs +3 -1
  57. package/esm/components/Tree/Tree.mjs.map +1 -1
  58. package/esm/components/Tree/TreeNode.mjs +15 -6
  59. package/esm/components/Tree/TreeNode.mjs.map +1 -1
  60. package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs +5 -2
  61. package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map +1 -1
  62. package/esm/core/factory/create-polymorphic-component.mjs.map +1 -1
  63. package/lib/components/Autocomplete/Autocomplete.d.ts +1 -1
  64. package/lib/components/Badge/Badge.d.ts +1 -1
  65. package/lib/components/Checkbox/CheckboxCard/CheckboxCard.d.ts +5 -1
  66. package/lib/components/Combobox/Combobox.types.d.ts +1 -1
  67. package/lib/components/FileInput/FileInput.d.ts +3 -3
  68. package/lib/components/Input/use-input-props.d.ts +4 -4
  69. package/lib/components/ModalBase/ModalBase.context.d.ts +2 -0
  70. package/lib/components/ModalBase/ModalBase.d.ts +4 -0
  71. package/lib/components/Popover/Popover.d.ts +4 -0
  72. package/lib/components/Slider/utils/get-step-mark-value/get-step-mark-value.d.ts +16 -0
  73. package/lib/components/TagsInput/TagsInput.d.ts +1 -1
  74. package/lib/components/Transition/Transition.d.ts +1 -1
  75. package/lib/components/Tree/Tree.d.ts +2 -0
  76. package/lib/components/Tree/TreeNode.d.ts +2 -1
  77. package/lib/core/Box/Box.d.ts +1 -1
  78. package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts +2 -2
  79. package/lib/core/factory/create-polymorphic-component.d.ts +2 -2
  80. package/package.json +5 -5
  81. package/styles/ScrollArea.css +1 -0
  82. package/styles/ScrollArea.layer.css +1 -0
  83. package/styles/TypographyStylesProvider.css +2 -4
  84. package/styles/TypographyStylesProvider.layer.css +2 -4
  85. package/styles.css +3 -4
  86. package/styles.layer.css +3 -4
  87. package/lib/core/types.d.ts +0 -3
  88. package/styles/baseline.css +0 -36
  89. package/styles/baseline.layer.css +0 -37
  90. package/styles/default-css-variables.css +0 -499
  91. 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.2-alpha.0",
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.2-alpha.0",
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.27",
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.4",
56
- "type-fest": "^4.26.1"
55
+ "react-textarea-autosize": "8.5.5",
56
+ "type-fest": "^4.27.0"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@mantine-tests/core": "workspace:*",
@@ -106,6 +106,7 @@
106
106
  position: relative;
107
107
  transition: background-color 150ms ease;
108
108
  overflow: hidden;
109
+ opacity: var(--thumb-opacity);
109
110
  }
110
111
 
111
112
  .m_d8b5e363::before {
@@ -106,6 +106,7 @@
106
106
  position: relative;
107
107
  transition: background-color 150ms ease;
108
108
  overflow: hidden;
109
+ opacity: var(--thumb-opacity);
109
110
  }
110
111
 
111
112
  .m_d8b5e363::before {
@@ -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: 38px;
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: 38px;
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: calc(2.375rem * var(--mantine-scale));
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: calc(2.375rem * var(--mantine-scale));
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;
@@ -1,3 +0,0 @@
1
- export interface DataAttributes {
2
- [key: `data-${string}`]: string | number | undefined;
3
- }
@@ -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
- }