@mantine/core 7.17.3 → 7.17.4

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 (56) hide show
  1. package/cjs/components/AppShell/AppShell.cjs.map +1 -1
  2. package/cjs/components/Flex/Flex.cjs.map +1 -1
  3. package/cjs/components/Input/InputDescription/InputDescription.cjs.map +1 -1
  4. package/cjs/components/Input/InputError/InputError.cjs.map +1 -1
  5. package/cjs/components/Input/InputLabel/InputLabel.cjs.map +1 -1
  6. package/cjs/components/Input/InputWrapper/InputWrapper.cjs.map +1 -1
  7. package/cjs/components/MultiSelect/MultiSelect.cjs +1 -1
  8. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  9. package/cjs/components/NavLink/NavLink.cjs.map +1 -1
  10. package/cjs/components/Pagination/Pagination.cjs.map +1 -1
  11. package/cjs/components/ScrollArea/ScrollArea.cjs +2 -2
  12. package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
  13. package/cjs/components/Select/Select.cjs +1 -1
  14. package/cjs/components/Select/Select.cjs.map +1 -1
  15. package/cjs/components/Slider/Slider/Slider.cjs +32 -22
  16. package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
  17. package/cjs/components/Text/Text.cjs.map +1 -1
  18. package/cjs/components/Title/Title.cjs.map +1 -1
  19. package/esm/components/AppShell/AppShell.mjs.map +1 -1
  20. package/esm/components/Flex/Flex.mjs.map +1 -1
  21. package/esm/components/Input/InputDescription/InputDescription.mjs.map +1 -1
  22. package/esm/components/Input/InputError/InputError.mjs.map +1 -1
  23. package/esm/components/Input/InputLabel/InputLabel.mjs.map +1 -1
  24. package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
  25. package/esm/components/MultiSelect/MultiSelect.mjs +1 -1
  26. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  27. package/esm/components/NavLink/NavLink.mjs.map +1 -1
  28. package/esm/components/Pagination/Pagination.mjs.map +1 -1
  29. package/esm/components/ScrollArea/ScrollArea.mjs +2 -2
  30. package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
  31. package/esm/components/Select/Select.mjs +1 -1
  32. package/esm/components/Select/Select.mjs.map +1 -1
  33. package/esm/components/Slider/Slider/Slider.mjs +33 -23
  34. package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
  35. package/esm/components/Text/Text.mjs.map +1 -1
  36. package/esm/components/Title/Title.mjs.map +1 -1
  37. package/lib/components/AppShell/AppShell.d.ts +1 -1
  38. package/lib/components/Flex/Flex.d.ts +4 -4
  39. package/lib/components/Input/InputDescription/InputDescription.d.ts +2 -2
  40. package/lib/components/Input/InputError/InputError.d.ts +2 -2
  41. package/lib/components/Input/InputLabel/InputLabel.d.ts +2 -2
  42. package/lib/components/Input/InputWrapper/InputWrapper.d.ts +2 -2
  43. package/lib/components/NavLink/NavLink.d.ts +2 -2
  44. package/lib/components/Pagination/Pagination.d.ts +2 -2
  45. package/lib/components/Text/Text.d.ts +2 -2
  46. package/lib/components/Title/Title.d.ts +2 -2
  47. package/lib/core/MantineProvider/theme.types.d.ts +30 -12
  48. package/package.json +3 -3
  49. package/styles/Paper.css +8 -4
  50. package/styles/Paper.layer.css +8 -4
  51. package/styles/Table.css +10 -1
  52. package/styles/Table.layer.css +10 -1
  53. package/styles/TypographyStylesProvider.css +1 -0
  54. package/styles/TypographyStylesProvider.layer.css +1 -0
  55. package/styles.css +19 -5
  56. package/styles.layer.css +19 -5
package/styles/Paper.layer.css CHANGED
@@ -11,11 +11,15 @@
11
11
  background-color: var(--mantine-color-body);
12
12
  }
13
13
 
14
- :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
15
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
14
+ [data-mantine-color-scheme='light'] .m_1b7284a3 {
15
+ --paper-border-color: var(--mantine-color-gray-3);
16
16
  }
17
17
 
18
- :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
19
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
18
+ [data-mantine-color-scheme='dark'] .m_1b7284a3 {
19
+ --paper-border-color: var(--mantine-color-dark-4);
20
20
  }
21
+
22
+ .m_1b7284a3:where([data-with-border]) {
23
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
24
+ }
21
25
  }
package/styles/Table.css CHANGED
@@ -102,9 +102,18 @@
102
102
 
103
103
  .m_b242d975:where([data-sticky]) {
104
104
  position: sticky;
105
- background-color: var(--mantine-color-body);
106
105
  }
107
106
 
107
+ .m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
108
+ position: sticky;
109
+ top: var(--table-sticky-header-offset, 0);
110
+ background-color: var(--mantine-color-body);
111
+ }
112
+
113
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
114
+ top: initial;
115
+ }
116
+
108
117
  .m_9e5a3ac7 {
109
118
  color: var(--mantine-color-dimmed);
110
119
  }
package/styles/Table.layer.css CHANGED
@@ -102,9 +102,18 @@
102
102
 
103
103
  .m_b242d975:where([data-sticky]) {
104
104
  position: sticky;
105
- background-color: var(--mantine-color-body);
106
105
  }
107
106
 
107
+ .m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
108
+ position: sticky;
109
+ top: var(--table-sticky-header-offset, 0);
110
+ background-color: var(--mantine-color-body);
111
+ }
112
+
113
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
114
+ top: initial;
115
+ }
116
+
108
117
  .m_9e5a3ac7 {
109
118
  color: var(--mantine-color-dimmed);
110
119
  }
package/styles/TypographyStylesProvider.css CHANGED
@@ -7,6 +7,7 @@
7
7
  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
8
8
  margin-bottom: var(--mantine-spacing-xs);
9
9
  text-wrap: var(--mantine-heading-text-wrap);
10
+ font-family: var(--mantine-font-family-headings);
10
11
  }
11
12
  .m_d6493fad :where(h1) {
12
13
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
package/styles/TypographyStylesProvider.layer.css CHANGED
@@ -7,6 +7,7 @@
7
7
  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
8
8
  margin-bottom: var(--mantine-spacing-xs);
9
9
  text-wrap: var(--mantine-heading-text-wrap);
10
+ font-family: var(--mantine-font-family-headings);
10
11
  }
11
12
  .m_d6493fad :where(h1) {
12
13
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
package/styles.css CHANGED
@@ -812,14 +812,18 @@ fieldset:disabled .mantine-active:active {
812
812
  background-color: var(--mantine-color-body);
813
813
  }
814
814
 
815
- :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
816
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
815
+ [data-mantine-color-scheme='light'] .m_1b7284a3 {
816
+ --paper-border-color: var(--mantine-color-gray-3);
817
817
  }
818
818
 
819
- :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
820
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
819
+ [data-mantine-color-scheme='dark'] .m_1b7284a3 {
820
+ --paper-border-color: var(--mantine-color-dark-4);
821
821
  }
822
822
 
823
+ .m_1b7284a3:where([data-with-border]) {
824
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
825
+ }
826
+
823
827
  .m_9814e45f {
824
828
  inset: 0;
825
829
  position: absolute;
@@ -6794,9 +6798,18 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6794
6798
 
6795
6799
  .m_b242d975:where([data-sticky]) {
6796
6800
  position: sticky;
6797
- background-color: var(--mantine-color-body);
6798
6801
  }
6799
6802
 
6803
+ .m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
6804
+ position: sticky;
6805
+ top: var(--table-sticky-header-offset, 0);
6806
+ background-color: var(--mantine-color-body);
6807
+ }
6808
+
6809
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
6810
+ top: initial;
6811
+ }
6812
+
6800
6813
  .m_9e5a3ac7 {
6801
6814
  color: var(--mantine-color-dimmed);
6802
6815
  }
@@ -7517,6 +7530,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
7517
7530
  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
7518
7531
  margin-bottom: var(--mantine-spacing-xs);
7519
7532
  text-wrap: var(--mantine-heading-text-wrap);
7533
+ font-family: var(--mantine-font-family-headings);
7520
7534
  }
7521
7535
  .m_d6493fad :where(h1) {
7522
7536
  margin-top: calc(1.5 * var(--mantine-spacing-xl));
package/styles.layer.css CHANGED
@@ -812,14 +812,18 @@ fieldset:disabled .mantine-active:active {
812
812
  background-color: var(--mantine-color-body);
813
813
  }
814
814
 
815
- :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
816
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
815
+ [data-mantine-color-scheme='light'] .m_1b7284a3 {
816
+ --paper-border-color: var(--mantine-color-gray-3);
817
817
  }
818
818
 
819
- :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
820
- border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
819
+ [data-mantine-color-scheme='dark'] .m_1b7284a3 {
820
+ --paper-border-color: var(--mantine-color-dark-4);
821
821
  }
822
822
 
823
+ .m_1b7284a3:where([data-with-border]) {
824
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
825
+ }
826
+
823
827
  .m_9814e45f {
824
828
  inset: 0;
825
829
  position: absolute;
@@ -6794,9 +6798,18 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
6794
6798
 
6795
6799
  .m_b242d975:where([data-sticky]) {
6796
6800
  position: sticky;
6797
- background-color: var(--mantine-color-body);
6798
6801
  }
6799
6802
 
6803
+ .m_b242d975:where([data-sticky]) .m_4e7aa4f3 {
6804
+ position: sticky;
6805
+ top: var(--table-sticky-header-offset, 0);
6806
+ background-color: var(--mantine-color-body);
6807
+ }
6808
+
6809
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
6810
+ top: initial;
6811
+ }
6812
+
6800
6813
  .m_9e5a3ac7 {
6801
6814
  color: var(--mantine-color-dimmed);
6802
6815
  }
@@ -7517,6 +7530,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
7517
7530
  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
7518
7531
  margin-bottom: var(--mantine-spacing-xs);
7519
7532
  text-wrap: var(--mantine-heading-text-wrap);
7533
+ font-family: var(--mantine-font-family-headings);
7520
7534
  }
7521
7535
  .m_d6493fad :where(h1) {
7522
7536
  margin-top: calc(1.5 * var(--mantine-spacing-xl));