@mantine/core 8.0.0-alpha.2 → 8.0.0

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 (123) hide show
  1. package/cjs/components/AppShell/AppShell.cjs.map +1 -1
  2. package/cjs/components/Autocomplete/Autocomplete.cjs +7 -3
  3. package/cjs/components/Autocomplete/Autocomplete.cjs.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.cjs +9 -2
  5. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  6. package/cjs/components/Drawer/DrawerRoot.cjs +2 -0
  7. package/cjs/components/Drawer/DrawerRoot.cjs.map +1 -1
  8. package/cjs/components/Flex/Flex.cjs.map +1 -1
  9. package/cjs/components/Input/InputDescription/InputDescription.cjs.map +1 -1
  10. package/cjs/components/Input/InputError/InputError.cjs.map +1 -1
  11. package/cjs/components/Input/InputLabel/InputLabel.cjs.map +1 -1
  12. package/cjs/components/Input/InputWrapper/InputWrapper.cjs.map +1 -1
  13. package/cjs/components/Modal/ModalRoot.cjs +2 -0
  14. package/cjs/components/Modal/ModalRoot.cjs.map +1 -1
  15. package/cjs/components/ModalBase/use-modal.cjs +1 -1
  16. package/cjs/components/ModalBase/use-modal.cjs.map +1 -1
  17. package/cjs/components/MultiSelect/MultiSelect.cjs +9 -6
  18. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  19. package/cjs/components/NavLink/NavLink.cjs +2 -2
  20. package/cjs/components/NavLink/NavLink.cjs.map +1 -1
  21. package/cjs/components/Notification/Notification.cjs +2 -1
  22. package/cjs/components/Notification/Notification.cjs.map +1 -1
  23. package/cjs/components/NumberInput/NumberInput.cjs +12 -5
  24. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  25. package/cjs/components/Pagination/Pagination.cjs.map +1 -1
  26. package/cjs/components/Pill/Pill.cjs.map +1 -1
  27. package/cjs/components/PillsInput/PillsInput.cjs.map +1 -1
  28. package/cjs/components/ScrollArea/ScrollArea.cjs +2 -2
  29. package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
  30. package/cjs/components/SegmentedControl/SegmentedControl.cjs +6 -1
  31. package/cjs/components/SegmentedControl/SegmentedControl.cjs.map +1 -1
  32. package/cjs/components/Select/Select.cjs +16 -7
  33. package/cjs/components/Select/Select.cjs.map +1 -1
  34. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs +91 -74
  35. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs.map +1 -1
  36. package/cjs/components/Slider/Slider/Slider.cjs +32 -22
  37. package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
  38. package/cjs/components/Table/TableScrollContainer.cjs +11 -7
  39. package/cjs/components/Table/TableScrollContainer.cjs.map +1 -1
  40. package/cjs/components/TagsInput/TagsInput.cjs +10 -7
  41. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  42. package/cjs/components/Text/Text.cjs.map +1 -1
  43. package/cjs/components/Title/Title.cjs.map +1 -1
  44. package/esm/components/AppShell/AppShell.mjs.map +1 -1
  45. package/esm/components/Autocomplete/Autocomplete.mjs +7 -3
  46. package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
  47. package/esm/components/Checkbox/Checkbox.mjs +9 -2
  48. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  49. package/esm/components/Drawer/DrawerRoot.mjs +2 -0
  50. package/esm/components/Drawer/DrawerRoot.mjs.map +1 -1
  51. package/esm/components/Flex/Flex.mjs.map +1 -1
  52. package/esm/components/Input/InputDescription/InputDescription.mjs.map +1 -1
  53. package/esm/components/Input/InputError/InputError.mjs.map +1 -1
  54. package/esm/components/Input/InputLabel/InputLabel.mjs.map +1 -1
  55. package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
  56. package/esm/components/Modal/ModalRoot.mjs +2 -0
  57. package/esm/components/Modal/ModalRoot.mjs.map +1 -1
  58. package/esm/components/ModalBase/use-modal.mjs +1 -1
  59. package/esm/components/ModalBase/use-modal.mjs.map +1 -1
  60. package/esm/components/MultiSelect/MultiSelect.mjs +9 -6
  61. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  62. package/esm/components/NavLink/NavLink.mjs +2 -2
  63. package/esm/components/NavLink/NavLink.mjs.map +1 -1
  64. package/esm/components/Notification/Notification.mjs +2 -1
  65. package/esm/components/Notification/Notification.mjs.map +1 -1
  66. package/esm/components/NumberInput/NumberInput.mjs +12 -5
  67. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  68. package/esm/components/Pagination/Pagination.mjs.map +1 -1
  69. package/esm/components/Pill/Pill.mjs.map +1 -1
  70. package/esm/components/PillsInput/PillsInput.mjs.map +1 -1
  71. package/esm/components/ScrollArea/ScrollArea.mjs +2 -2
  72. package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
  73. package/esm/components/SegmentedControl/SegmentedControl.mjs +7 -2
  74. package/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  75. package/esm/components/Select/Select.mjs +16 -7
  76. package/esm/components/Select/Select.mjs.map +1 -1
  77. package/esm/components/Slider/RangeSlider/RangeSlider.mjs +92 -75
  78. package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
  79. package/esm/components/Slider/Slider/Slider.mjs +33 -23
  80. package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
  81. package/esm/components/Table/TableScrollContainer.mjs +11 -7
  82. package/esm/components/Table/TableScrollContainer.mjs.map +1 -1
  83. package/esm/components/TagsInput/TagsInput.mjs +10 -7
  84. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  85. package/esm/components/Text/Text.mjs.map +1 -1
  86. package/esm/components/Title/Title.mjs.map +1 -1
  87. package/lib/components/AppShell/AppShell.d.ts +1 -1
  88. package/lib/components/Flex/Flex.d.ts +4 -4
  89. package/lib/components/Input/InputDescription/InputDescription.d.ts +2 -2
  90. package/lib/components/Input/InputError/InputError.d.ts +2 -2
  91. package/lib/components/Input/InputLabel/InputLabel.d.ts +2 -2
  92. package/lib/components/Input/InputWrapper/InputWrapper.d.ts +2 -2
  93. package/lib/components/Input/use-input-props.d.ts +26 -26
  94. package/lib/components/NavLink/NavLink.d.ts +2 -2
  95. package/lib/components/Pagination/Pagination.d.ts +2 -2
  96. package/lib/components/Pill/Pill.d.ts +2 -1
  97. package/lib/components/PillsInput/PillsInput.d.ts +0 -1
  98. package/lib/components/Table/TableScrollContainer.d.ts +3 -1
  99. package/lib/components/Table/index.d.ts +1 -0
  100. package/lib/components/Text/Text.d.ts +2 -2
  101. package/lib/components/Title/Title.d.ts +2 -2
  102. package/lib/core/MantineProvider/theme.types.d.ts +30 -12
  103. package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
  104. package/package.json +3 -3
  105. package/styles/AppShell.css +2 -0
  106. package/styles/AppShell.layer.css +2 -0
  107. package/styles/ModalBase.css +1 -1
  108. package/styles/ModalBase.layer.css +1 -1
  109. package/styles/Notification.css +0 -4
  110. package/styles/Notification.layer.css +0 -4
  111. package/styles/Paper.css +8 -4
  112. package/styles/Paper.layer.css +8 -4
  113. package/styles/Table.css +11 -1
  114. package/styles/Table.layer.css +11 -1
  115. package/styles/TypographyStylesProvider.css +1 -0
  116. package/styles/TypographyStylesProvider.layer.css +1 -0
  117. package/styles.css +23 -10
  118. package/styles.layer.css +23 -10
  119. package/cjs/core/MantineProvider/suppress-nextjs-warning.cjs +0 -14
  120. package/cjs/core/MantineProvider/suppress-nextjs-warning.cjs.map +0 -1
  121. package/esm/core/MantineProvider/suppress-nextjs-warning.mjs +0 -12
  122. package/esm/core/MantineProvider/suppress-nextjs-warning.mjs.map +0 -1
  123. package/lib/core/MantineProvider/suppress-nextjs-warning.d.ts +0 -1
package/styles.layer.css CHANGED
@@ -817,14 +817,18 @@ fieldset:disabled .mantine-active:active {
817
817
  background-color: var(--mantine-color-body);
818
818
  }
819
819
 
820
- :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
821
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
820
+ [data-mantine-color-scheme='light'] .m_1b7284a3 {
821
+ --paper-border-color: var(--mantine-color-gray-3);
822
822
  }
823
823
 
824
- :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
825
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
824
+ [data-mantine-color-scheme='dark'] .m_1b7284a3 {
825
+ --paper-border-color: var(--mantine-color-dark-4);
826
826
  }
827
827
 
828
+ .m_1b7284a3:where([data-with-border]) {
829
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
830
+ }
831
+
828
832
  .m_9814e45f {
829
833
  inset: 0;
830
834
  position: absolute;
@@ -1307,7 +1311,7 @@ fieldset:disabled .mantine-active:active {
1307
1311
  z-index: 1001;
1308
1312
  }
1309
1313
 
1310
- .m_fd1ab0aa:has([data-mantine-scrollbar][data-state='visible']) .m_b5489c3c {
1314
+ [data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar][data-state='visible']) .m_b5489c3c {
1311
1315
  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
1312
1316
  }
1313
1317
 
@@ -2149,6 +2153,8 @@ fieldset:disabled .mantine-active:active {
2149
2153
  .m_89ab340[data-disabled] {
2150
2154
  --app-shell-header-offset: 0rem !important;
2151
2155
  --app-shell-navbar-offset: 0rem !important;
2156
+ --app-shell-aside-offset: 0rem !important;
2157
+ --app-shell-footer-offset: 0rem !important;
2152
2158
  }
2153
2159
  [data-mantine-color-scheme='light'] .m_89ab340 {
2154
2160
  --app-shell-border-color: var(--mantine-color-gray-3);
@@ -4828,10 +4834,6 @@ fieldset:disabled .m_d3ea56bb,
4828
4834
  background-color: var(--mantine-color-dark-6);
4829
4835
  }
4830
4836
 
4831
- .m_a513464:where([data-with-icon]) {
4832
- padding-inline-start: var(--mantine-spacing-xs);
4833
- }
4834
-
4835
4837
  .m_a513464:where([data-with-icon])::before {
4836
4838
  display: none;
4837
4839
  }
@@ -6797,9 +6799,18 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6797
6799
 
6798
6800
  .m_b242d975:where([data-sticky]) {
6799
6801
  position: sticky;
6800
- background-color: var(--mantine-color-body);
6801
6802
  }
6802
6803
 
6804
+ .m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
6805
+ position: sticky;
6806
+ top: var(--table-sticky-header-offset, 0);
6807
+ background-color: var(--mantine-color-body);
6808
+ }
6809
+
6810
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
6811
+ top: initial;
6812
+ }
6813
+
6803
6814
  .m_9e5a3ac7 {
6804
6815
  color: var(--mantine-color-dimmed);
6805
6816
  }
@@ -6818,6 +6829,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6818
6829
 
6819
6830
  .m_62259741 {
6820
6831
  min-width: var(--table-min-width);
6832
+ max-height: var(--table-max-height);
6821
6833
  }
6822
6834
 
6823
6835
  .m_bcaa9990 {
@@ -7485,6 +7497,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
7485
7497
  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
7486
7498
  margin-bottom: var(--mantine-spacing-xs);
7487
7499
  text-wrap: var(--mantine-heading-text-wrap);
7500
+ font-family: var(--mantine-font-family-headings);
7488
7501
  }
7489
7502
  .m_d6493fad :where(h1) {
7490
7503
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
@@ -1,14 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- function suppressNextjsWarning() {
5
- const originalError = console.error;
6
- console.error = (...args) => {
7
- if (args.length > 1 && typeof args[0] === "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] === "string" && args[1].toLowerCase().includes("data-mantine-color-scheme")) ; else {
8
- originalError(...args);
9
- }
10
- };
11
- }
12
-
13
- exports.suppressNextjsWarning = suppressNextjsWarning;
14
- //# sourceMappingURL=suppress-nextjs-warning.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"suppress-nextjs-warning.cjs","sources":["../../../src/core/MantineProvider/suppress-nextjs-warning.ts"],"sourcesContent":["/* eslint-disable no-console */\nexport function suppressNextjsWarning() {\n const originalError = console.error;\n\n console.error = (...args) => {\n if (\n args.length > 1 &&\n typeof args[0] === 'string' &&\n args[0].toLowerCase().includes('extra attributes from the server') &&\n typeof args[1] === 'string' &&\n args[1].toLowerCase().includes('data-mantine-color-scheme')\n ) {\n // Suppress the warning\n } else {\n originalError(...args);\n }\n };\n}\n"],"names":[],"mappings":";;;AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,qBAAwB,CAAA,CAAA,CAAA,CAAA;AACtC,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,CAAA,CAAQ,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,IAAI,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,IAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CACd,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,kCAAkC,CAAA,CAAA,CAAA,CAAA,CACjE,OAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,CAAA,CAAA,CAEK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvB,CACF,CAAA,CAAA,CAAA;AACF,CAAA;;"}
@@ -1,12 +0,0 @@
1
- 'use client';
2
- function suppressNextjsWarning() {
3
- const originalError = console.error;
4
- console.error = (...args) => {
5
- if (args.length > 1 && typeof args[0] === "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] === "string" && args[1].toLowerCase().includes("data-mantine-color-scheme")) ; else {
6
- originalError(...args);
7
- }
8
- };
9
- }
10
-
11
- export { suppressNextjsWarning };
12
- //# sourceMappingURL=suppress-nextjs-warning.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"suppress-nextjs-warning.mjs","sources":["../../../src/core/MantineProvider/suppress-nextjs-warning.ts"],"sourcesContent":["/* eslint-disable no-console */\nexport function suppressNextjsWarning() {\n const originalError = console.error;\n\n console.error = (...args) => {\n if (\n args.length > 1 &&\n typeof args[0] === 'string' &&\n args[0].toLowerCase().includes('extra attributes from the server') &&\n typeof args[1] === 'string' &&\n args[1].toLowerCase().includes('data-mantine-color-scheme')\n ) {\n // Suppress the warning\n } else {\n originalError(...args);\n }\n };\n}\n"],"names":[],"mappings":";AACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,qBAAwB,CAAA,CAAA,CAAA,CAAA;AACtC,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,CAAA,CAAQ,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,IAAI,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,IAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CACd,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,kCAAkC,CAAA,CAAA,CAAA,CAAA,CACjE,OAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,CAAA,CAAA,CAEK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvB,CACF,CAAA,CAAA,CAAA;AACF,CAAA;;"}
@@ -1 +0,0 @@
1
- export declare function suppressNextjsWarning(): void;