@mantine/core 7.13.1 → 7.13.2

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 (44) hide show
  1. package/cjs/components/AppShell/use-resizing/use-resizing.cjs +14 -9
  2. package/cjs/components/AppShell/use-resizing/use-resizing.cjs.map +1 -1
  3. package/cjs/components/FileInput/FileInput.cjs +2 -1
  4. package/cjs/components/FileInput/FileInput.cjs.map +1 -1
  5. package/cjs/components/Floating/use-floating-auto-update.cjs +1 -1
  6. package/cjs/components/Floating/use-floating-auto-update.cjs.map +1 -1
  7. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs +3 -2
  8. package/cjs/components/Menu/MenuDropdown/MenuDropdown.cjs.map +1 -1
  9. package/cjs/components/NumberInput/NumberInput.cjs +15 -9
  10. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  11. package/cjs/components/Pagination/PaginationItems/PaginationItems.cjs +1 -1
  12. package/cjs/components/Pagination/PaginationItems/PaginationItems.cjs.map +1 -1
  13. package/cjs/components/Popover/use-popover.cjs +9 -7
  14. package/cjs/components/Popover/use-popover.cjs.map +1 -1
  15. package/cjs/components/ScrollArea/ScrollArea.cjs +1 -1
  16. package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
  17. package/cjs/components/TagsInput/TagsInput.cjs +2 -1
  18. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  19. package/esm/components/AppShell/use-resizing/use-resizing.mjs +14 -9
  20. package/esm/components/AppShell/use-resizing/use-resizing.mjs.map +1 -1
  21. package/esm/components/FileInput/FileInput.mjs +3 -2
  22. package/esm/components/FileInput/FileInput.mjs.map +1 -1
  23. package/esm/components/Floating/use-floating-auto-update.mjs +1 -1
  24. package/esm/components/Floating/use-floating-auto-update.mjs.map +1 -1
  25. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs +3 -2
  26. package/esm/components/Menu/MenuDropdown/MenuDropdown.mjs.map +1 -1
  27. package/esm/components/NumberInput/NumberInput.mjs +15 -9
  28. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  29. package/esm/components/Pagination/PaginationItems/PaginationItems.mjs +1 -1
  30. package/esm/components/Pagination/PaginationItems/PaginationItems.mjs.map +1 -1
  31. package/esm/components/Popover/use-popover.mjs +9 -7
  32. package/esm/components/Popover/use-popover.mjs.map +1 -1
  33. package/esm/components/ScrollArea/ScrollArea.mjs +1 -1
  34. package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
  35. package/esm/components/TagsInput/TagsInput.mjs +2 -1
  36. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  37. package/lib/components/FileInput/FileInput.d.ts +2 -0
  38. package/package.json +3 -3
  39. package/styles/Badge.css +10 -6
  40. package/styles/Badge.layer.css +10 -6
  41. package/styles/Slider.css +0 -1
  42. package/styles/Slider.layer.css +0 -1
  43. package/styles.css +10 -7
  44. package/styles.layer.css +10 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/core",
3
- "version": "7.13.1",
3
+ "version": "7.13.2",
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": "7.13.1",
46
+ "@mantine/hooks": "7.13.2",
47
47
  "react": "^18.2.0",
48
48
  "react-dom": "^18.2.0"
49
49
  },
@@ -57,6 +57,6 @@
57
57
  },
58
58
  "devDependencies": {
59
59
  "@mantine-tests/core": "1.1.0",
60
- "@mantine/hooks": "7.13.1"
60
+ "@mantine/hooks": "7.13.2"
61
61
  }
62
62
  }
package/styles/Badge.css CHANGED
@@ -41,7 +41,7 @@
41
41
  text-transform: uppercase;
42
42
  font-weight: 700;
43
43
  letter-spacing: 0.25px;
44
- cursor: inherit;
44
+ cursor: default;
45
45
  text-overflow: ellipsis;
46
46
  overflow: hidden;
47
47
  color: var(--badge-color);
@@ -49,15 +49,18 @@
49
49
  border: var(--badge-bd);
50
50
  }
51
51
 
52
- .m_347db0ec:where([data-with-right-section]) {
53
- grid-template-columns: 1fr auto;
54
- }
55
-
56
52
  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
57
53
  grid-template-columns: auto 1fr;
58
54
  }
59
55
 
60
- .m_347db0ec:where([data-with-left-section][data-with-right-section]) {
56
+ .m_347db0ec:where([data-with-right-section]) {
57
+ grid-template-columns: 1fr auto;
58
+ }
59
+
60
+ .m_347db0ec:where(
61
+ [data-with-left-section][data-with-right-section],
62
+ [data-variant='dot'][data-with-right-section]
63
+ ) {
61
64
  grid-template-columns: auto 1fr auto;
62
65
  }
63
66
 
@@ -103,6 +106,7 @@
103
106
  overflow: hidden;
104
107
  text-overflow: ellipsis;
105
108
  text-align: center;
109
+ cursor: inherit;
106
110
  }
107
111
 
108
112
  .m_91fdda9b {
@@ -41,7 +41,7 @@
41
41
  text-transform: uppercase;
42
42
  font-weight: 700;
43
43
  letter-spacing: 0.25px;
44
- cursor: inherit;
44
+ cursor: default;
45
45
  text-overflow: ellipsis;
46
46
  overflow: hidden;
47
47
  color: var(--badge-color);
@@ -49,15 +49,18 @@
49
49
  border: var(--badge-bd);
50
50
  }
51
51
 
52
- .m_347db0ec:where([data-with-right-section]) {
53
- grid-template-columns: 1fr auto;
54
- }
55
-
56
52
  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
57
53
  grid-template-columns: auto 1fr;
58
54
  }
59
55
 
60
- .m_347db0ec:where([data-with-left-section][data-with-right-section]) {
56
+ .m_347db0ec:where([data-with-right-section]) {
57
+ grid-template-columns: 1fr auto;
58
+ }
59
+
60
+ .m_347db0ec:where(
61
+ [data-with-left-section][data-with-right-section],
62
+ [data-variant='dot'][data-with-right-section]
63
+ ) {
61
64
  grid-template-columns: auto 1fr auto;
62
65
  }
63
66
 
@@ -103,6 +106,7 @@
103
106
  overflow: hidden;
104
107
  text-overflow: ellipsis;
105
108
  text-align: center;
109
+ cursor: inherit;
106
110
  }
107
111
 
108
112
  .m_91fdda9b {
package/styles/Slider.css CHANGED
@@ -175,7 +175,6 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
175
175
  height: var(--slider-size);
176
176
  width: var(--slider-size);
177
177
  border-radius: 1000px;
178
- transform: translateX(calc(var(--slider-size) / -2));
179
178
  background-color: var(--mantine-color-white);
180
179
  pointer-events: none;
181
180
  }
@@ -175,7 +175,6 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
175
175
  height: var(--slider-size);
176
176
  width: var(--slider-size);
177
177
  border-radius: 1000px;
178
- transform: translateX(calc(var(--slider-size) / -2));
179
178
  background-color: var(--mantine-color-white);
180
179
  pointer-events: none;
181
180
  }
package/styles.css CHANGED
@@ -2717,7 +2717,7 @@ fieldset:disabled .m_d3ea56bb,
2717
2717
  text-transform: uppercase;
2718
2718
  font-weight: 700;
2719
2719
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
2720
- cursor: inherit;
2720
+ cursor: default;
2721
2721
  text-overflow: ellipsis;
2722
2722
  overflow: hidden;
2723
2723
  color: var(--badge-color);
@@ -2725,15 +2725,18 @@ fieldset:disabled .m_d3ea56bb,
2725
2725
  border: var(--badge-bd);
2726
2726
  }
2727
2727
 
2728
- .m_347db0ec:where([data-with-right-section]) {
2729
- grid-template-columns: 1fr auto;
2730
- }
2731
-
2732
2728
  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
2733
2729
  grid-template-columns: auto 1fr;
2734
2730
  }
2735
2731
 
2736
- .m_347db0ec:where([data-with-left-section][data-with-right-section]) {
2732
+ .m_347db0ec:where([data-with-right-section]) {
2733
+ grid-template-columns: 1fr auto;
2734
+ }
2735
+
2736
+ .m_347db0ec:where(
2737
+ [data-with-left-section][data-with-right-section],
2738
+ [data-variant='dot'][data-with-right-section]
2739
+ ) {
2737
2740
  grid-template-columns: auto 1fr auto;
2738
2741
  }
2739
2742
 
@@ -2779,6 +2782,7 @@ fieldset:disabled .m_d3ea56bb,
2779
2782
  overflow: hidden;
2780
2783
  text-overflow: ellipsis;
2781
2784
  text-align: center;
2785
+ cursor: inherit;
2782
2786
  }
2783
2787
 
2784
2788
  .m_91fdda9b {
@@ -5948,7 +5952,6 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
5948
5952
  height: var(--slider-size);
5949
5953
  width: var(--slider-size);
5950
5954
  border-radius: calc(62.5rem * var(--mantine-scale));
5951
- transform: translateX(calc(var(--slider-size) / -2));
5952
5955
  background-color: var(--mantine-color-white);
5953
5956
  pointer-events: none;
5954
5957
  }
package/styles.layer.css CHANGED
@@ -2717,7 +2717,7 @@ fieldset:disabled .m_d3ea56bb,
2717
2717
  text-transform: uppercase;
2718
2718
  font-weight: 700;
2719
2719
  letter-spacing: calc(0.015625rem * var(--mantine-scale));
2720
- cursor: inherit;
2720
+ cursor: default;
2721
2721
  text-overflow: ellipsis;
2722
2722
  overflow: hidden;
2723
2723
  color: var(--badge-color);
@@ -2725,15 +2725,18 @@ fieldset:disabled .m_d3ea56bb,
2725
2725
  border: var(--badge-bd);
2726
2726
  }
2727
2727
 
2728
- .m_347db0ec:where([data-with-right-section]) {
2729
- grid-template-columns: 1fr auto;
2730
- }
2731
-
2732
2728
  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
2733
2729
  grid-template-columns: auto 1fr;
2734
2730
  }
2735
2731
 
2736
- .m_347db0ec:where([data-with-left-section][data-with-right-section]) {
2732
+ .m_347db0ec:where([data-with-right-section]) {
2733
+ grid-template-columns: 1fr auto;
2734
+ }
2735
+
2736
+ .m_347db0ec:where(
2737
+ [data-with-left-section][data-with-right-section],
2738
+ [data-variant='dot'][data-with-right-section]
2739
+ ) {
2737
2740
  grid-template-columns: auto 1fr auto;
2738
2741
  }
2739
2742
 
@@ -2779,6 +2782,7 @@ fieldset:disabled .m_d3ea56bb,
2779
2782
  overflow: hidden;
2780
2783
  text-overflow: ellipsis;
2781
2784
  text-align: center;
2785
+ cursor: inherit;
2782
2786
  }
2783
2787
 
2784
2788
  .m_91fdda9b {
@@ -5948,7 +5952,6 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
5948
5952
  height: var(--slider-size);
5949
5953
  width: var(--slider-size);
5950
5954
  border-radius: calc(62.5rem * var(--mantine-scale));
5951
- transform: translateX(calc(var(--slider-size) / -2));
5952
5955
  background-color: var(--mantine-color-white);
5953
5956
  pointer-events: none;
5954
5957
  }